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

package/dist/logistration/Logistration.js

@@ -1,25 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { connect } from 'react-redux';
-import { useAppConfig, getAuthService, getSiteConfig, sendPageEvent, sendTrackEvent, useIntl } from '@openedx/frontend-base';
+import { useAppConfig, getAuthService, getSiteConfig, getUrlByRouteRole, sendPageEvent, sendTrackEvent, useIntl, } from '@openedx/frontend-base';
 import { Icon, Tab, Tabs, } from '@openedx/paragon';
 import { ChevronLeft } from '@openedx/paragon/icons';
 import PropTypes from 'prop-types';
 import { Navigate, useNavigate } from 'react-router-dom';
 import BaseContainer from '../base-container';
-import { clearThirdPartyAuthContextErrorMessage } from '../common-components/data/actions';
-import { tpaProvidersSelector, } from '../common-components/data/selectors';
+import { ThirdPartyAuthProvider, useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';
 import messages from '../common-components/messages';
-import { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';
+import { loginPath, loginRole, registerPath, registerRole } from '../constants';
 import { getTpaHint, getTpaProvider, updatePathWithQueryParams, } from '../data/utils';
-import { LoginPage } from '../login';
-import { backupLoginForm } from '../login/data/actions';
+import { LoginProvider } from '../login/components/LoginContext';
 import { RegistrationPage } from '../register';
-import { backupRegistrationForm } from '../register/data/actions';
-const Logistration = (props) => {
-    const { selectedPage, tpaProviders } = props;
+import { RegisterProvider } from '../register/components/RegisterContext';
+import LoginComponentSlot from '../slots/LoginComponentSlot';
+const LogistrationPageInner = ({ selectedPage, }) => {
     const tpaHint = getTpaHint();
-    const { providers, secondaryProviders, } = tpaProviders;
+    const { thirdPartyAuthContext, clearThirdPartyAuthErrorMessage, } = useThirdPartyAuthContext();
+    const { providers, secondaryProviders, } = thirdPartyAuthContext;
     const { formatMessage } = useIntl();
     const [institutionLogin, setInstitutionLogin] = useState(false);
     const [key, setKey] = useState('');
@@ -29,18 +27,19 @@ const Logistration = (props) => {
     useEffect(() => {
         const authService = getAuthService();
         if (authService) {
-            authService.getCsrfTokenService().getCsrfToken(getSiteConfig().lmsBaseUrl);
+            authService.getCsrfTokenService()
+                .getCsrfToken(getSiteConfig().lmsBaseUrl);
         }
-    });
+    }, []);
     useEffect(() => {
         if (disablePublicAccountCreation) {
-            navigate(updatePathWithQueryParams(LOGIN_PAGE));
+            navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole)));
         }
     }, [navigate, disablePublicAccountCreation]);
     const handleInstitutionLogin = (e) => {
         sendTrackEvent('edx.bi.institution_login_form.toggled', { category: 'user-engagement' });
         if (typeof e === 'string') {
-            sendPageEvent('login_and_registration', e === '/login' ? 'login' : 'register');
+            sendPageEvent('login_and_registration', e === loginPath ? 'login' : 'register');
         }
         else {
             sendPageEvent('login_and_registration', e.target.dataset.eventName);
@@ -51,17 +50,11 @@ const Logistration = (props) => {
         if (tabKey === currentTab) {
             return;
         }
-        sendTrackEvent(`edx.bi.${tabKey.replace('/', '')}_form.toggled`, { category: 'user-engagement' });
-        props.clearThirdPartyAuthContextErrorMessage();
-        if (tabKey === LOGIN_PAGE) {
-            props.backupRegistrationForm();
-        }
-        else if (tabKey === REGISTER_PAGE) {
-            props.backupLoginForm();
-        }
+        sendTrackEvent(`edx.bi.${tabKey}_form.toggled`, { category: 'user-engagement' });
+        clearThirdPartyAuthErrorMessage();
         setKey(tabKey);
     };
-    const tabTitle = (_jsxs("div", { className: "d-flex", children: [_jsx(Icon, { src: ChevronLeft, className: "left-icon" }), _jsx("span", { className: "ml-2", children: selectedPage === LOGIN_PAGE
+    const tabTitle = (_jsxs("div", { className: "d-flex", children: [_jsx(Icon, { src: ChevronLeft, className: "left-icon" }), _jsx("span", { className: "ml-2", children: selectedPage === loginPath
                     ? formatMessage(messages['logistration.sign.in'])
                     : formatMessage(messages['logistration.register']) })] }));
     const isValidTpaHint = () => {
@@ -69,38 +62,19 @@ const Logistration = (props) => {
         return !!provider;
     };
     return (_jsx(BaseContainer, { children: _jsx("div", { children: disablePublicAccountCreation
-                ? (_jsxs(_Fragment, { children: [institutionLogin && (_jsx(Tabs, { defaultActiveKey: "", id: "controlled-tab", onSelect: handleInstitutionLogin, children: _jsx(Tab, { title: tabTitle, eventKey: LOGIN_PAGE }) })), _jsxs("div", { id: "main-content", className: "main-content", children: [!institutionLogin && (_jsx("h3", { className: "mb-4.5", children: formatMessage(messages['logistration.sign.in']) })), _jsx(LoginPage, { institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin })] })] }))
+                ? (_jsxs(_Fragment, { children: [institutionLogin && (_jsx(Tabs, { defaultActiveKey: "", id: "controlled-tab", onSelect: handleInstitutionLogin, children: _jsx(Tab, { title: tabTitle, eventKey: loginPath }) })), _jsxs("div", { id: "main-content", className: "main-content", children: [!institutionLogin && (_jsx("h3", { className: "mb-4.5", children: formatMessage(messages['logistration.sign.in']) })), _jsx(LoginComponentSlot, { institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin })] })] }))
                 : (_jsxs("div", { children: [institutionLogin
-                            ? (_jsx(Tabs, { defaultActiveKey: "", id: "controlled-tab", onSelect: handleInstitutionLogin, children: _jsx(Tab, { title: tabTitle, eventKey: selectedPage === LOGIN_PAGE ? LOGIN_PAGE : REGISTER_PAGE }) }))
-                            : (!isValidTpaHint() && !hideRegistrationLink && (_jsxs(Tabs, { defaultActiveKey: selectedPage, id: "controlled-tab", onSelect: (tabKey) => handleOnSelect(tabKey, selectedPage), children: [_jsx(Tab, { title: formatMessage(messages['logistration.register']), eventKey: REGISTER_PAGE }), _jsx(Tab, { title: formatMessage(messages['logistration.sign.in']), eventKey: LOGIN_PAGE })] }))), key && (_jsx(Navigate, { to: updatePathWithQueryParams(key), replace: true })), _jsxs("div", { id: "main-content", className: "main-content", children: [!institutionLogin && !isValidTpaHint() && hideRegistrationLink && (_jsx("h3", { className: "mb-4.5", children: formatMessage(messages[selectedPage === LOGIN_PAGE ? 'logistration.sign.in' : 'logistration.register']) })), selectedPage === LOGIN_PAGE
-                                    ? _jsx(LoginPage, { institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin })
+                            ? (_jsx(Tabs, { defaultActiveKey: "", id: "controlled-tab", onSelect: handleInstitutionLogin, children: _jsx(Tab, { title: tabTitle, eventKey: selectedPage === loginPath ? loginPath : registerPath }) }))
+                            : (!isValidTpaHint() && !hideRegistrationLink && (_jsxs(Tabs, { defaultActiveKey: selectedPage, id: "controlled-tab", onSelect: (tabKey) => handleOnSelect(tabKey, selectedPage), children: [_jsx(Tab, { title: formatMessage(messages['logistration.register']), eventKey: registerPath }), _jsx(Tab, { title: formatMessage(messages['logistration.sign.in']), eventKey: loginPath })] }))), key && (_jsx(Navigate, { to: updatePathWithQueryParams(getUrlByRouteRole(key === loginPath ? loginRole : registerRole)), replace: true })), _jsxs("div", { id: "main-content", className: "main-content", children: [!institutionLogin && !isValidTpaHint() && hideRegistrationLink && (_jsx("h3", { className: "mb-4.5", children: formatMessage(messages[selectedPage === loginPath ? 'logistration.sign.in' : 'logistration.register']) })), selectedPage === loginPath
+                                    ? (_jsx(LoginComponentSlot, { institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin }))
                                     : (_jsx(RegistrationPage, { institutionLogin: institutionLogin, handleInstitutionLogin: handleInstitutionLogin }))] })] })) }) }));
 };
-Logistration.propTypes = {
-    selectedPage: PropTypes.string,
-    backupLoginForm: PropTypes.func.isRequired,
-    backupRegistrationForm: PropTypes.func.isRequired,
-    clearThirdPartyAuthContextErrorMessage: PropTypes.func.isRequired,
-    tpaProviders: PropTypes.shape({
-        providers: PropTypes.arrayOf(PropTypes.shape({})),
-        secondaryProviders: PropTypes.arrayOf(PropTypes.shape({})),
-    }),
-};
-Logistration.defaultProps = {
-    tpaProviders: {
-        providers: [],
-        secondaryProviders: [],
-    },
-};
-Logistration.defaultProps = {
-    selectedPage: REGISTER_PAGE,
+LogistrationPageInner.propTypes = {
+    selectedPage: PropTypes.string.isRequired,
 };
-const mapStateToProps = state => ({
-    tpaProviders: tpaProvidersSelector(state),
-});
-export default connect(mapStateToProps, {
-    backupLoginForm,
-    backupRegistrationForm,
-    clearThirdPartyAuthContextErrorMessage,
-})(Logistration);
+/**
+ * Main Logistration Page component wrapped with providers
+ */
+const LogistrationPage = (props) => (_jsx(ThirdPartyAuthProvider, { children: _jsx(RegisterProvider, { children: _jsx(LoginProvider, { children: _jsx(LogistrationPageInner, Object.assign({}, props)) }) }) }));
+export default LogistrationPage;
 //# sourceMappingURL=Logistration.js.map

package/dist/logistration/Logistration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logistration.js","sourceRoot":"","sources":["../../src/logistration/Logistration.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport {\n  useAppConfig, getAuthService, getSiteConfig, sendPageEvent, sendTrackEvent, useIntl\n} from '@openedx/frontend-base';\nimport {\n  Icon,\n  Tab,\n  Tabs,\n} from '@openedx/paragon';\nimport { ChevronLeft } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\nimport { Navigate, useNavigate } from 'react-router-dom';\n\nimport BaseContainer from '../base-container';\nimport { clearThirdPartyAuthContextErrorMessage } from '../common-components/data/actions';\nimport {\n  tpaProvidersSelector,\n} from '../common-components/data/selectors';\nimport messages from '../common-components/messages';\nimport { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';\nimport {\n  getTpaHint, getTpaProvider, updatePathWithQueryParams,\n} from '../data/utils';\nimport { LoginPage } from '../login';\nimport { backupLoginForm } from '../login/data/actions';\nimport { RegistrationPage } from '../register';\nimport { backupRegistrationForm } from '../register/data/actions';\n\nconst Logistration = (props) => {\n  const { selectedPage, tpaProviders } = props;\n  const tpaHint = getTpaHint();\n  const {\n    providers, secondaryProviders,\n  } = tpaProviders;\n  const { formatMessage } = useIntl();\n  const [institutionLogin, setInstitutionLogin] = useState(false);\n  const [key, setKey] = useState('');\n  const navigate = useNavigate();\n  const disablePublicAccountCreation = useAppConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false;\n  const hideRegistrationLink = useAppConfig().SHOW_REGISTRATION_LINKS === false;\n\n  useEffect(() => {\n    const authService = getAuthService();\n    if (authService) {\n      authService.getCsrfTokenService().getCsrfToken(getSiteConfig().lmsBaseUrl);\n    }\n  });\n\n  useEffect(() => {\n    if (disablePublicAccountCreation) {\n      navigate(updatePathWithQueryParams(LOGIN_PAGE));\n    }\n  }, [navigate, disablePublicAccountCreation]);\n\n  const handleInstitutionLogin = (e) => {\n    sendTrackEvent('edx.bi.institution_login_form.toggled', { category: 'user-engagement' });\n    if (typeof e === 'string') {\n      sendPageEvent('login_and_registration', e === '/login' ? 'login' : 'register');\n    } else {\n      sendPageEvent('login_and_registration', e.target.dataset.eventName);\n    }\n\n    setInstitutionLogin(!institutionLogin);\n  };\n\n  const handleOnSelect = (tabKey, currentTab) => {\n    if (tabKey === currentTab) {\n      return;\n    }\n    sendTrackEvent(`edx.bi.${tabKey.replace('/', '')}_form.toggled`, { category: 'user-engagement' });\n    props.clearThirdPartyAuthContextErrorMessage();\n    if (tabKey === LOGIN_PAGE) {\n      props.backupRegistrationForm();\n    } else if (tabKey === REGISTER_PAGE) {\n      props.backupLoginForm();\n    }\n    setKey(tabKey);\n  };\n\n  const tabTitle = (\n    <div className=\"d-flex\">\n      <Icon src={ChevronLeft} className=\"left-icon\" />\n      <span className=\"ml-2\">\n        {selectedPage === LOGIN_PAGE\n          ? formatMessage(messages['logistration.sign.in'])\n          : formatMessage(messages['logistration.register'])}\n      </span>\n    </div>\n  );\n\n  const isValidTpaHint = () => {\n    const { provider } = getTpaProvider(tpaHint, providers, secondaryProviders);\n    return !!provider;\n  };\n\n  return (\n    <BaseContainer>\n      <div>\n        {disablePublicAccountCreation\n          ? (\n            <>\n              {institutionLogin && (\n                <Tabs defaultActiveKey=\"\" id=\"controlled-tab\" onSelect={handleInstitutionLogin}>\n                  <Tab title={tabTitle} eventKey={LOGIN_PAGE} />\n                </Tabs>\n              )}\n              <div id=\"main-content\" className=\"main-content\">\n                {!institutionLogin && (\n                  <h3 className=\"mb-4.5\">{formatMessage(messages['logistration.sign.in'])}</h3>\n                )}\n                <LoginPage institutionLogin={institutionLogin} handleInstitutionLogin={handleInstitutionLogin} />\n              </div>\n            </>\n          )\n          : (\n            <div>\n              {institutionLogin\n                ? (\n                  <Tabs defaultActiveKey=\"\" id=\"controlled-tab\" onSelect={handleInstitutionLogin}>\n                    <Tab title={tabTitle} eventKey={selectedPage === LOGIN_PAGE ? LOGIN_PAGE : REGISTER_PAGE} />\n                  </Tabs>\n                )\n                : (!isValidTpaHint() && !hideRegistrationLink && (\n                  <Tabs defaultActiveKey={selectedPage} id=\"controlled-tab\" onSelect={(tabKey) => handleOnSelect(tabKey, selectedPage)}>\n                    <Tab title={formatMessage(messages['logistration.register'])} eventKey={REGISTER_PAGE} />\n                    <Tab title={formatMessage(messages['logistration.sign.in'])} eventKey={LOGIN_PAGE} />\n                  </Tabs>\n                ))}\n              {key && (\n                <Navigate to={updatePathWithQueryParams(key)} replace />\n              )}\n              <div id=\"main-content\" className=\"main-content\">\n                {!institutionLogin && !isValidTpaHint() && hideRegistrationLink && (\n                  <h3 className=\"mb-4.5\">\n                    {formatMessage(messages[selectedPage === LOGIN_PAGE ? 'logistration.sign.in' : 'logistration.register'])}\n                  </h3>\n                )}\n                {selectedPage === LOGIN_PAGE\n                  ? <LoginPage institutionLogin={institutionLogin} handleInstitutionLogin={handleInstitutionLogin} />\n                  : (\n                    <RegistrationPage\n                      institutionLogin={institutionLogin}\n                      handleInstitutionLogin={handleInstitutionLogin}\n                    />\n                  )}\n              </div>\n            </div>\n          )}\n      </div>\n    </BaseContainer>\n  );\n};\n\nLogistration.propTypes = {\n  selectedPage: PropTypes.string,\n  backupLoginForm: PropTypes.func.isRequired,\n  backupRegistrationForm: PropTypes.func.isRequired,\n  clearThirdPartyAuthContextErrorMessage: PropTypes.func.isRequired,\n  tpaProviders: PropTypes.shape({\n    providers: PropTypes.arrayOf(PropTypes.shape({})),\n    secondaryProviders: PropTypes.arrayOf(PropTypes.shape({})),\n  }),\n};\n\nLogistration.defaultProps = {\n  tpaProviders: {\n    providers: [],\n    secondaryProviders: [],\n  },\n};\n\nLogistration.defaultProps = {\n  selectedPage: REGISTER_PAGE,\n};\n\nconst mapStateToProps = state => ({\n  tpaProviders: tpaProvidersSelector(state),\n});\n\nexport default connect(\n  mapStateToProps,\n  {\n    backupLoginForm,\n    backupRegistrationForm,\n    clearThirdPartyAuthContextErrorMessage,\n  },\n)(Logistration);\n"]}
+{"version":3,"file":"Logistration.js","sourceRoot":"","sources":["../../src/logistration/Logistration.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  useAppConfig, getAuthService, getSiteConfig, getUrlByRouteRole,\n  sendPageEvent, sendTrackEvent, useIntl,\n} from '@openedx/frontend-base';\nimport {\n  Icon,\n  Tab,\n  Tabs,\n} from '@openedx/paragon';\nimport { ChevronLeft } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\nimport { Navigate, useNavigate } from 'react-router-dom';\n\nimport BaseContainer from '../base-container';\nimport { ThirdPartyAuthProvider, useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';\nimport messages from '../common-components/messages';\nimport { loginPath, loginRole, registerPath, registerRole } from '../constants';\nimport {\n  getTpaHint, getTpaProvider, updatePathWithQueryParams,\n} from '../data/utils';\nimport { LoginProvider } from '../login/components/LoginContext';\nimport { RegistrationPage } from '../register';\nimport { RegisterProvider } from '../register/components/RegisterContext';\nimport LoginComponentSlot from '../slots/LoginComponentSlot';\n\nconst LogistrationPageInner = ({\n  selectedPage,\n}) => {\n  const tpaHint = getTpaHint();\n  const {\n    thirdPartyAuthContext,\n    clearThirdPartyAuthErrorMessage,\n  } = useThirdPartyAuthContext();\n\n  const {\n    providers,\n    secondaryProviders,\n  } = thirdPartyAuthContext;\n  const { formatMessage } = useIntl();\n  const [institutionLogin, setInstitutionLogin] = useState(false);\n  const [key, setKey] = useState('');\n  const navigate = useNavigate();\n  const disablePublicAccountCreation = useAppConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false;\n  const hideRegistrationLink = useAppConfig().SHOW_REGISTRATION_LINKS === false;\n\n  useEffect(() => {\n    const authService = getAuthService();\n    if (authService) {\n      authService.getCsrfTokenService()\n        .getCsrfToken(getSiteConfig().lmsBaseUrl);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (disablePublicAccountCreation) {\n      navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole)));\n    }\n  }, [navigate, disablePublicAccountCreation]);\n\n  const handleInstitutionLogin = (e) => {\n    sendTrackEvent('edx.bi.institution_login_form.toggled', { category: 'user-engagement' });\n    if (typeof e === 'string') {\n      sendPageEvent('login_and_registration', e === loginPath ? 'login' : 'register');\n    } else {\n      sendPageEvent('login_and_registration', e.target.dataset.eventName);\n    }\n    setInstitutionLogin(!institutionLogin);\n  };\n\n  const handleOnSelect = (tabKey, currentTab) => {\n    if (tabKey === currentTab) {\n      return;\n    }\n    sendTrackEvent(`edx.bi.${tabKey}_form.toggled`, { category: 'user-engagement' });\n    clearThirdPartyAuthErrorMessage();\n    setKey(tabKey);\n  };\n\n  const tabTitle = (\n    <div className=\"d-flex\">\n      <Icon src={ChevronLeft} className=\"left-icon\" />\n      <span className=\"ml-2\">\n        {selectedPage === loginPath\n          ? formatMessage(messages['logistration.sign.in'])\n          : formatMessage(messages['logistration.register'])}\n      </span>\n    </div>\n  );\n\n  const isValidTpaHint = () => {\n    const { provider } = getTpaProvider(tpaHint, providers, secondaryProviders);\n    return !!provider;\n  };\n\n  return (\n    <BaseContainer>\n      <div>\n        {disablePublicAccountCreation\n          ? (\n            <>\n              {institutionLogin && (\n                <Tabs defaultActiveKey=\"\" id=\"controlled-tab\" onSelect={handleInstitutionLogin}>\n                  <Tab title={tabTitle} eventKey={loginPath} />\n                </Tabs>\n              )}\n              <div id=\"main-content\" className=\"main-content\">\n                {!institutionLogin && (\n                  <h3 className=\"mb-4.5\">{formatMessage(messages['logistration.sign.in'])}</h3>\n                )}\n                <LoginComponentSlot\n                  institutionLogin={institutionLogin}\n                  handleInstitutionLogin={handleInstitutionLogin}\n                />\n              </div>\n            </>\n          )\n          : (\n            <div>\n              {institutionLogin\n                ? (\n                  <Tabs defaultActiveKey=\"\" id=\"controlled-tab\" onSelect={handleInstitutionLogin}>\n                    <Tab title={tabTitle} eventKey={selectedPage === loginPath ? loginPath : registerPath} />\n                  </Tabs>\n                )\n                : (!isValidTpaHint() && !hideRegistrationLink && (\n                  <Tabs\n                    defaultActiveKey={selectedPage}\n                    id=\"controlled-tab\"\n                    onSelect={(tabKey) => handleOnSelect(tabKey, selectedPage)}\n                  >\n                    <Tab title={formatMessage(messages['logistration.register'])} eventKey={registerPath} />\n                    <Tab title={formatMessage(messages['logistration.sign.in'])} eventKey={loginPath} />\n                  </Tabs>\n                ))}\n              {key && (\n                <Navigate to={updatePathWithQueryParams(getUrlByRouteRole(key === loginPath ? loginRole : registerRole))} replace />\n              )}\n              <div id=\"main-content\" className=\"main-content\">\n                {!institutionLogin && !isValidTpaHint() && hideRegistrationLink && (\n                  <h3 className=\"mb-4.5\">\n                    {formatMessage(messages[selectedPage === loginPath ? 'logistration.sign.in' : 'logistration.register'])}\n                  </h3>\n                )}\n                {selectedPage === loginPath\n                  ? (\n                    <LoginComponentSlot\n                      institutionLogin={institutionLogin}\n                      handleInstitutionLogin={handleInstitutionLogin}\n                    />\n                  )\n                  : (\n                    <RegistrationPage\n                      institutionLogin={institutionLogin}\n                      handleInstitutionLogin={handleInstitutionLogin}\n                    />\n                  )}\n              </div>\n            </div>\n          )}\n      </div>\n    </BaseContainer>\n  );\n};\n\nLogistrationPageInner.propTypes = {\n  selectedPage: PropTypes.string.isRequired,\n};\n\n/**\n * Main Logistration Page component wrapped with providers\n */\nconst LogistrationPage = (props) => (\n  <ThirdPartyAuthProvider>\n    <RegisterProvider>\n      <LoginProvider>\n        <LogistrationPageInner {...props} />\n      </LoginProvider>\n    </RegisterProvider>\n  </ThirdPartyAuthProvider>\n);\n\nexport default LogistrationPage;\n"]}

package/dist/progressive-profiling/ProgressiveProfiling.d.ts

@@ -1,46 +1,2 @@
-declare const _default: import("react-redux").ConnectedComponent<{
-    (props: any): import("react/jsx-runtime").JSX.Element | null;
-    propTypes: {
-        authenticatedUser: PropTypes.Requireable<PropTypes.InferProps<{
-            username: PropTypes.Requireable<string>;
-            userId: PropTypes.Requireable<number>;
-            fullName: PropTypes.Requireable<string>;
-        }>>;
-        showError: PropTypes.Requireable<boolean>;
-        shouldRedirect: PropTypes.Requireable<boolean>;
-        submitState: PropTypes.Requireable<string>;
-        welcomePageContext: PropTypes.Requireable<PropTypes.InferProps<{
-            extended_profile: PropTypes.Requireable<(string | null | undefined)[]>;
-            fields: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            nextUrl: PropTypes.Requireable<string>;
-        }>>;
-        welcomePageContextApiStatus: PropTypes.Requireable<string>;
-        getFieldDataFromBackend: PropTypes.Validator<(...args: any[]) => any>;
-        saveUserProfile: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        authenticatedUser: {};
-        shouldRedirect: boolean;
-        showError: boolean;
-        submitState: string;
-        welcomePageContext: {};
-        welcomePageContextApiStatus: string;
-    };
-}, {
-    authenticatedUser?: PropTypes.InferProps<{
-        username: PropTypes.Requireable<string>;
-        userId: PropTypes.Requireable<number>;
-        fullName: PropTypes.Requireable<string>;
-    }> | null | undefined;
-    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
-    store?: import("redux").Store | undefined;
-} | {
-    authenticatedUser?: PropTypes.InferProps<{
-        username: PropTypes.Requireable<string>;
-        userId: PropTypes.Requireable<number>;
-        fullName: PropTypes.Requireable<string>;
-    }> | null | undefined;
-    store?: import("redux").Store | undefined;
-}>;
-export default _default;
-import PropTypes from 'prop-types';
+export default ProgressiveProfiling;
+declare function ProgressiveProfiling(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/progressive-profiling/ProgressiveProfiling.js

@@ -1,28 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { connect } from 'react-redux';
-import { AxiosJwtAuthService, configureAuth, useAppConfig, getAuthenticatedUser, getSiteConfig, getLoggingService, identifyAuthenticatedUser, sendPageEvent, sendTrackEvent, snakeCaseObject, useIntl } from '@openedx/frontend-base';
+import { AxiosJwtAuthService, configureAuth, getAuthenticatedUser, getLoggingService, getSiteConfig, getUrlByRouteRole, identifyAuthenticatedUser, sendPageEvent, sendTrackEvent, snakeCaseObject, useAppConfig, useIntl, } from '@openedx/frontend-base';
 import { Alert, Form, Hyperlink, Spinner, StatefulButton, } from '@openedx/paragon';
 import { Error } from '@openedx/paragon/icons';
-import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';
-import { useLocation } from 'react-router-dom';
+import { Navigate, useLocation } from 'react-router-dom';
+import { ProgressiveProfilingProvider, useProgressiveProfilingContext } from './components/ProgressiveProfilingContext';
+import messages from './messages';
+import ProgressiveProfilingPageModal from './ProgressiveProfilingPageModal';
 import BaseContainer from '../base-container';
 import { RedirectLogistration } from '../common-components';
-import { getThirdPartyAuthContext } from '../common-components/data/actions';
-import { COMPLETE_STATE, DEFAULT_REDIRECT_URL, DEFAULT_STATE, FAILURE_STATE, PENDING_STATE, } from '../data/constants';
+import { useSaveUserProfile } from './data/apiHook';
+import { ThirdPartyAuthProvider, useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';
+import { useThirdPartyAuthHook } from '../common-components/data/apiHook';
+import { dashboardRole, welcomePath } from '../constants';
+import { COMPLETE_STATE, FAILURE_STATE, PENDING_STATE, } from '../data/constants';
 import isOneTrustFunctionalCookieEnabled from '../data/oneTrust';
 import { getAllPossibleQueryParams, isHostAvailableInQueryParams } from '../data/utils';
 import { FormFieldRenderer } from '../field-renderer';
-import { saveUserProfile } from './data/actions';
-import { welcomePageContextSelector } from './data/selectors';
-import messages from './messages';
-import ProgressiveProfilingPageModal from './ProgressiveProfilingPageModal';
-const ProgressiveProfiling = (props) => {
-    var _a, _b;
+const ProgressiveProfilingInner = () => {
+    var _a, _b, _c, _d;
     const { formatMessage } = useIntl();
-    const { getFieldDataFromBackend, submitState, showError, welcomePageContext, welcomePageContextApiStatus, } = props;
-    const { SEARCH_CATALOG_URL, AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK } = useAppConfig();
+    const appConfig = useAppConfig();
+    const { thirdPartyAuthApiStatus, setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure, optionalFields, } = useThirdPartyAuthContext();
+    const welcomePageContext = optionalFields;
+    const { submitState, showError, success, } = useProgressiveProfilingContext();
+    // Hook for saving user profile
+    const saveUserProfileMutation = useSaveUserProfile();
     const location = useLocation();
     const registrationEmbedded = isHostAvailableInQueryParams();
     const queryParams = getAllPossibleQueryParams();
@@ -32,35 +36,42 @@ const ProgressiveProfiling = (props) => {
     const [formFieldData, setFormFieldData] = useState({ fields: {}, extendedProfile: [] });
     const [values, setValues] = useState({});
     const [showModal, setShowModal] = useState(false);
+    const { data, isSuccess, error } = useThirdPartyAuthHook(welcomePath, { is_welcome_page: true, next: queryParams === null || queryParams === void 0 ? void 0 : queryParams.next }, { enabled: registrationEmbedded });
     useEffect(() => {
         if (registrationEmbedded) {
-            getFieldDataFromBackend({ is_welcome_page: true, next: queryParams === null || queryParams === void 0 ? void 0 : queryParams.next });
+            if (isSuccess && data) {
+                setThirdPartyAuthContextSuccess(data.fieldDescriptions, data.optionalFields, data.thirdPartyAuthContext);
+            }
+            if (error) {
+                setThirdPartyAuthContextFailure();
+            }
         }
         else {
-            configureAuth(AxiosJwtAuthService, { mockLoggingService: getLoggingService(), config: getSiteConfig() });
+            configureAuth(AxiosJwtAuthService, { loggingService: getLoggingService(), config: getSiteConfig() });
         }
-    }, [registrationEmbedded, getFieldDataFromBackend, queryParams === null || queryParams === void 0 ? void 0 : queryParams.next]);
+    }, [registrationEmbedded, queryParams === null || queryParams === void 0 ? void 0 : queryParams.next, isSuccess, data, error,
+        setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);
     useEffect(() => {
         var _a, _b, _c;
         const registrationResponse = (_a = location.state) === null || _a === void 0 ? void 0 : _a.registrationResult;
         if (registrationResponse) {
             setRegistrationResult(registrationResponse);
             setFormFieldData({
-                fields: (_b = location.state) === null || _b === void 0 ? void 0 : _b.optionalFields.fields,
-                extendedProfile: (_c = location.state) === null || _c === void 0 ? void 0 : _c.optionalFields.extended_profile,
+                fields: ((_b = location.state) === null || _b === void 0 ? void 0 : _b.optionalFields.fields) || {},
+                extendedProfile: ((_c = location.state) === null || _c === void 0 ? void 0 : _c.optionalFields.extended_profile) || [],
             });
         }
-    }, [location.state]);
+    }, [(_b = location.state) === null || _b === void 0 ? void 0 : _b.registrationResult, (_c = location.state) === null || _c === void 0 ? void 0 : _c.optionalFields]);
     useEffect(() => {
-        if (registrationEmbedded && Object.keys(welcomePageContext).includes('fields')) {
+        if (registrationEmbedded && welcomePageContext && Object.keys(welcomePageContext).includes('fields')) {
             setFormFieldData({
                 fields: welcomePageContext.fields,
                 extendedProfile: welcomePageContext.extended_profile,
             });
-            const nextUrl = welcomePageContext.nextUrl ? welcomePageContext.nextUrl : SEARCH_CATALOG_URL;
+            const nextUrl = welcomePageContext.nextUrl ? welcomePageContext.nextUrl : appConfig.SEARCH_CATALOG_URL;
             setRegistrationResult({ redirectUrl: nextUrl });
         }
-    }, [registrationEmbedded, welcomePageContext]);
+    }, [registrationEmbedded, welcomePageContext, appConfig.SEARCH_CATALOG_URL]);
     useEffect(() => {
         if (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.userId) {
             identifyAuthenticatedUser(authenticatedUser.userId);
@@ -68,11 +79,14 @@ const ProgressiveProfiling = (props) => {
         }
     }, [authenticatedUser]);
     if (!authenticatedUser
-        || !(((_b = location.state) === null || _b === void 0 ? void 0 : _b.registrationResult) || registrationEmbedded)
-        || welcomePageContextApiStatus === FAILURE_STATE
-        || (welcomePageContextApiStatus === COMPLETE_STATE && !Object.keys(welcomePageContext).includes('fields'))) {
-        const DASHBOARD_URL = getSiteConfig().lmsBaseUrl.concat(DEFAULT_REDIRECT_URL);
-        global.location.assign(DASHBOARD_URL);
+        || !(((_d = location.state) === null || _d === void 0 ? void 0 : _d.registrationResult) || registrationEmbedded)
+        || thirdPartyAuthApiStatus === FAILURE_STATE
+        || (thirdPartyAuthApiStatus === COMPLETE_STATE && !Object.keys(welcomePageContext).includes('fields'))) {
+        const dashboardUrl = getUrlByRouteRole(dashboardRole) || '/';
+        if (dashboardUrl.startsWith('/')) {
+            return _jsx(Navigate, { to: dashboardUrl, replace: true });
+        }
+        window.location.href = dashboardUrl;
         return null;
     }
     const handleSubmit = (e) => {
@@ -87,7 +101,7 @@ const ProgressiveProfiling = (props) => {
                 delete payload[fieldName];
             });
         }
-        props.saveUserProfile(authenticatedUser.username, snakeCaseObject(payload));
+        saveUserProfileMutation.mutate({ username: authenticatedUser.username, data: snakeCaseObject(payload) });
         sendTrackEvent('edx.bi.welcome.page.submit.clicked', {
             isGenderSelected: !!values.gender,
             isYearOfBirthSelected: !!values.year_of_birth,
@@ -116,52 +130,14 @@ const ProgressiveProfiling = (props) => {
         const fieldData = formFieldData.fields[fieldName];
         return (_jsx("span", { children: _jsx(FormFieldRenderer, { fieldData: fieldData, value: values[fieldData.name], onChangeHandler: onChangeHandler }) }, fieldData.name));
     });
-    return (_jsxs(BaseContainer, { showWelcomeBanner: true, fullName: (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.fullName) || (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.name), children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['progressive.profiling.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsx(ProgressiveProfilingPageModal, { isOpen: showModal, redirectUrl: registrationResult.redirectUrl }), (props.shouldRedirect && welcomePageContext.nextUrl) && (_jsx(RedirectLogistration, { success: true, redirectUrl: registrationResult.redirectUrl })), props.shouldRedirect && (_jsx(RedirectLogistration, { success: true, redirectUrl: registrationResult.redirectUrl, educationLevel: values === null || values === void 0 ? void 0 : values.level_of_education, userId: authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.userId })), _jsx("div", { className: "mw-xs m-4 pp-page-content", children: registrationEmbedded && welcomePageContextApiStatus === PENDING_STATE ? (_jsx(Spinner, { animation: "border", variant: "primary", id: "tpa-spinner" })) : (_jsxs(_Fragment, { children: [_jsx("div", { children: _jsx("h2", { className: "pp-page__heading text-primary", children: formatMessage(messages['progressive.profiling.page.heading']) }) }), _jsx("hr", { className: "border-light-700 mb-4" }), showError ? (_jsxs(Alert, { id: "pp-page-errors", className: "mb-3", variant: "danger", icon: Error, children: [_jsx(Alert.Heading, { children: formatMessage(messages['welcome.page.error.heading']) }), _jsx("p", { children: formatMessage(messages['welcome.page.error.message']) })] })) : null, _jsxs(Form, { children: [formFields, (AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (_jsx("span", { className: "pp-page__support-link", children: _jsx(Hyperlink, { isInline: true, variant: "muted", destination: AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK, target: "_blank", showLaunchIcon: false, onClick: () => (sendTrackEvent('edx.bi.welcome.page.support.link.clicked')), children: formatMessage(messages['optional.fields.information.link']) }) })), _jsxs("div", { className: "d-flex mt-4 mb-3", children: [_jsx(StatefulButton, { type: "submit", variant: "brand", className: "pp-page__button-width", state: submitState, labels: {
+    const shouldRedirect = success;
+    return (_jsxs(BaseContainer, { showWelcomeBanner: true, fullName: (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.fullName) || (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.name), children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['progressive.profiling.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsx(ProgressiveProfilingPageModal, { isOpen: showModal, redirectUrl: registrationResult.redirectUrl }), shouldRedirect && (_jsx(RedirectLogistration, { success: true, redirectUrl: registrationResult.redirectUrl, educationLevel: values === null || values === void 0 ? void 0 : values.level_of_education, userId: authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.userId })), _jsx("div", { className: "mw-xs m-4 pp-page-content", children: registrationEmbedded && thirdPartyAuthApiStatus === PENDING_STATE ? (_jsx(Spinner, { animation: "border", variant: "primary", id: "tpa-spinner" })) : (_jsxs(_Fragment, { children: [_jsx("div", { children: _jsx("h2", { className: "pp-page__heading text-primary", children: formatMessage(messages['progressive.profiling.page.heading']) }) }), _jsx("hr", { className: "border-light-700 mb-4" }), showError ? (_jsxs(Alert, { id: "pp-page-errors", className: "mb-3", variant: "danger", icon: Error, children: [_jsx(Alert.Heading, { children: formatMessage(messages['welcome.page.error.heading']) }), _jsx("p", { children: formatMessage(messages['welcome.page.error.message']) })] })) : null, _jsxs(Form, { children: [formFields, (appConfig.AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (_jsx("span", { className: "pp-page__support-link", children: _jsx(Hyperlink, { isInline: true, variant: "muted", destination: appConfig.AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK, target: "_blank", showLaunchIcon: false, onClick: () => (sendTrackEvent('edx.bi.welcome.page.support.link.clicked')), children: formatMessage(messages['optional.fields.information.link']) }) })), _jsxs("div", { className: "d-flex mt-4 mb-3", children: [_jsx(StatefulButton, { type: "submit", variant: "brand", className: "pp-page__button-width", state: submitState, labels: {
                                                 default: formatMessage(messages['optional.fields.submit.button']),
                                                 pending: '',
                                             }, onClick: handleSubmit, onMouseDown: (e) => e.preventDefault() }), _jsx(StatefulButton, { className: "text-gray-700 font-weight-500", type: "submit", variant: "link", labels: {
                                                 default: formatMessage(messages['optional.fields.skip.button']),
                                             }, onClick: handleSkip, onMouseDown: (e) => e.preventDefault() })] })] })] })) })] }));
 };
-ProgressiveProfiling.propTypes = {
-    authenticatedUser: PropTypes.shape({
-        username: PropTypes.string,
-        userId: PropTypes.number,
-        fullName: PropTypes.string,
-    }),
-    showError: PropTypes.bool,
-    shouldRedirect: PropTypes.bool,
-    submitState: PropTypes.string,
-    welcomePageContext: PropTypes.shape({
-        extended_profile: PropTypes.arrayOf(PropTypes.string),
-        fields: PropTypes.shape({}),
-        nextUrl: PropTypes.string,
-    }),
-    welcomePageContextApiStatus: PropTypes.string,
-    // Actions
-    getFieldDataFromBackend: PropTypes.func.isRequired,
-    saveUserProfile: PropTypes.func.isRequired,
-};
-ProgressiveProfiling.defaultProps = {
-    authenticatedUser: {},
-    shouldRedirect: false,
-    showError: false,
-    submitState: DEFAULT_STATE,
-    welcomePageContext: {},
-    welcomePageContextApiStatus: PENDING_STATE,
-};
-const mapStateToProps = state => {
-    const welcomePageStore = state.welcomePage;
-    return {
-        shouldRedirect: welcomePageStore.success,
-        showError: welcomePageStore.showError,
-        submitState: welcomePageStore.submitState,
-        welcomePageContext: welcomePageContextSelector(state),
-        welcomePageContextApiStatus: state.commonComponents.thirdPartyAuthApiStatus,
-    };
-};
-export default connect(mapStateToProps, {
-    saveUserProfile,
-    getFieldDataFromBackend: getThirdPartyAuthContext,
-})(ProgressiveProfiling);
+const ProgressiveProfiling = (props) => (_jsx(ThirdPartyAuthProvider, { children: _jsx(ProgressiveProfilingProvider, { children: _jsx(ProgressiveProfilingInner, Object.assign({}, props)) }) }));
+export default ProgressiveProfiling;
 //# sourceMappingURL=ProgressiveProfiling.js.map

package/dist/progressive-profiling/ProgressiveProfiling.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressiveProfiling.js","sourceRoot":"","sources":["../../src/progressive-profiling/ProgressiveProfiling.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport {\n  AxiosJwtAuthService,\n  configureAuth,\n  useAppConfig,\n  getAuthenticatedUser,\n  getSiteConfig,\n  getLoggingService,\n  identifyAuthenticatedUser,\n  sendPageEvent,\n  sendTrackEvent,\n  snakeCaseObject,\n  useIntl\n} from '@openedx/frontend-base';\nimport {\n  Alert,\n  Form,\n  Hyperlink,\n  Spinner,\n  StatefulButton,\n} from '@openedx/paragon';\nimport { Error } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport { useLocation } from 'react-router-dom';\n\nimport BaseContainer from '../base-container';\nimport { RedirectLogistration } from '../common-components';\nimport { getThirdPartyAuthContext } from '../common-components/data/actions';\nimport {\n  COMPLETE_STATE,\n  DEFAULT_REDIRECT_URL,\n  DEFAULT_STATE,\n  FAILURE_STATE,\n  PENDING_STATE,\n} from '../data/constants';\nimport isOneTrustFunctionalCookieEnabled from '../data/oneTrust';\nimport { getAllPossibleQueryParams, isHostAvailableInQueryParams } from '../data/utils';\nimport { FormFieldRenderer } from '../field-renderer';\nimport { saveUserProfile } from './data/actions';\nimport { welcomePageContextSelector } from './data/selectors';\nimport messages from './messages';\nimport ProgressiveProfilingPageModal from './ProgressiveProfilingPageModal';\n\nconst ProgressiveProfiling = (props) => {\n  const { formatMessage } = useIntl();\n  const {\n    getFieldDataFromBackend,\n    submitState,\n    showError,\n    welcomePageContext,\n    welcomePageContextApiStatus,\n  } = props;\n  const {\n    SEARCH_CATALOG_URL,\n    AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK\n  } = useAppConfig();\n  const location = useLocation();\n  const registrationEmbedded = isHostAvailableInQueryParams();\n\n  const queryParams = getAllPossibleQueryParams();\n  const authenticatedUser = getAuthenticatedUser() || location.state?.authenticatedUser;\n  const functionalCookiesConsent = isOneTrustFunctionalCookieEnabled();\n\n  const [registrationResult, setRegistrationResult] = useState({ redirectUrl: '' });\n  const [formFieldData, setFormFieldData] = useState({ fields: {}, extendedProfile: [] });\n  const [values, setValues] = useState({});\n  const [showModal, setShowModal] = useState(false);\n\n  useEffect(() => {\n    if (registrationEmbedded) {\n      getFieldDataFromBackend({ is_welcome_page: true, next: queryParams?.next });\n    } else {\n      configureAuth(AxiosJwtAuthService, { mockLoggingService: getLoggingService(), config: getSiteConfig() });\n    }\n  }, [registrationEmbedded, getFieldDataFromBackend, queryParams?.next]);\n\n  useEffect(() => {\n    const registrationResponse = location.state?.registrationResult;\n    if (registrationResponse) {\n      setRegistrationResult(registrationResponse);\n      setFormFieldData({\n        fields: location.state?.optionalFields.fields,\n        extendedProfile: location.state?.optionalFields.extended_profile,\n      });\n    }\n  }, [location.state]);\n\n  useEffect(() => {\n    if (registrationEmbedded && Object.keys(welcomePageContext).includes('fields')) {\n      setFormFieldData({\n        fields: welcomePageContext.fields,\n        extendedProfile: welcomePageContext.extended_profile,\n      });\n      const nextUrl = welcomePageContext.nextUrl ? welcomePageContext.nextUrl : SEARCH_CATALOG_URL;\n      setRegistrationResult({ redirectUrl: nextUrl });\n    }\n  }, [registrationEmbedded, welcomePageContext]);\n\n  useEffect(() => {\n    if (authenticatedUser?.userId) {\n      identifyAuthenticatedUser(authenticatedUser.userId);\n      sendPageEvent('login_and_registration', 'welcome');\n    }\n  }, [authenticatedUser]);\n\n  if (\n    !authenticatedUser\n    || !(location.state?.registrationResult || registrationEmbedded)\n    || welcomePageContextApiStatus === FAILURE_STATE\n    || (welcomePageContextApiStatus === COMPLETE_STATE && !Object.keys(welcomePageContext).includes('fields'))\n  ) {\n    const DASHBOARD_URL = getSiteConfig().lmsBaseUrl.concat(DEFAULT_REDIRECT_URL);\n    global.location.assign(DASHBOARD_URL);\n    return null;\n  }\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    window.history.replaceState(location.state, null, '');\n    const payload = { ...values, extendedProfile: [] };\n    if (Object.keys(formFieldData.extendedProfile).length > 0) {\n      formFieldData.extendedProfile.forEach(fieldName => {\n        if (values[fieldName]) {\n          payload.extendedProfile.push({ fieldName, fieldValue: values[fieldName] });\n        }\n        delete payload[fieldName];\n      });\n    }\n    props.saveUserProfile(authenticatedUser.username, snakeCaseObject(payload));\n\n    sendTrackEvent(\n      'edx.bi.welcome.page.submit.clicked',\n      {\n        isGenderSelected: !!values.gender,\n        isYearOfBirthSelected: !!values.year_of_birth,\n        isLevelOfEducationSelected: !!values.level_of_education,\n        isWorkExperienceSelected: !!values.work_experience,\n        host: queryParams?.host || '',\n      },\n    );\n  };\n\n  const handleSkip = (e) => {\n    e.preventDefault();\n    window.history.replaceState(location.state, null, '');\n    setShowModal(true);\n    sendTrackEvent(\n      'edx.bi.welcome.page.skip.link.clicked',\n      {\n        host: queryParams?.host || '',\n      },\n    );\n  };\n\n  const onChangeHandler = (e) => {\n    if (e.target.type === 'checkbox') {\n      setValues({ ...values, [e.target.name]: e.target.checked });\n    } else {\n      setValues({ ...values, [e.target.name]: e.target.value });\n    }\n  };\n\n  const formFields = Object.keys(formFieldData.fields).map((fieldName) => {\n    const fieldData = formFieldData.fields[fieldName];\n    return (\n      <span key={fieldData.name}>\n        <FormFieldRenderer\n          fieldData={fieldData}\n          value={values[fieldData.name]}\n          onChangeHandler={onChangeHandler}\n        />\n      </span>\n    );\n  });\n\n  return (\n    <BaseContainer showWelcomeBanner fullName={authenticatedUser?.fullName || authenticatedUser?.name}>\n      <Helmet>\n        <title>{formatMessage(\n          messages['progressive.profiling.page.title'],\n          { siteName: getSiteConfig().siteName }\n        )}\n        </title>\n      </Helmet>\n      <ProgressiveProfilingPageModal isOpen={showModal} redirectUrl={registrationResult.redirectUrl} />\n      {(props.shouldRedirect && welcomePageContext.nextUrl) && (\n        <RedirectLogistration\n          success\n          redirectUrl={registrationResult.redirectUrl}\n        />\n      )}\n      {props.shouldRedirect && (\n        <RedirectLogistration\n          success\n          redirectUrl={registrationResult.redirectUrl}\n          educationLevel={values?.level_of_education}\n          userId={authenticatedUser?.userId}\n        />\n      )}\n      <div className=\"mw-xs m-4 pp-page-content\">\n        {registrationEmbedded && welcomePageContextApiStatus === PENDING_STATE ? (\n          <Spinner animation=\"border\" variant=\"primary\" id=\"tpa-spinner\" />\n        ) : (\n          <>\n            <div>\n              <h2 className=\"pp-page__heading text-primary\">{formatMessage(messages['progressive.profiling.page.heading'])}</h2>\n            </div><hr className=\"border-light-700 mb-4\" />\n            {showError ? (\n              <Alert id=\"pp-page-errors\" className=\"mb-3\" variant=\"danger\" icon={Error}>\n                <Alert.Heading>{formatMessage(messages['welcome.page.error.heading'])}</Alert.Heading>\n                <p>{formatMessage(messages['welcome.page.error.message'])}</p>\n              </Alert>\n            ) : null}\n            <Form>\n              {formFields}\n              {(AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (\n                <span className=\"pp-page__support-link\">\n                  <Hyperlink\n                    isInline\n                    variant=\"muted\"\n                    destination={AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK}\n                    target=\"_blank\"\n                    showLaunchIcon={false}\n                    onClick={() => (sendTrackEvent('edx.bi.welcome.page.support.link.clicked'))}\n                  >\n                    {formatMessage(messages['optional.fields.information.link'])}\n                  </Hyperlink>\n                </span>\n              )}\n              <div className=\"d-flex mt-4 mb-3\">\n                <StatefulButton\n                  type=\"submit\"\n                  variant=\"brand\"\n                  className=\"pp-page__button-width\"\n                  state={submitState}\n                  labels={{\n                    default: formatMessage(messages['optional.fields.submit.button']),\n                    pending: '',\n                  }}\n                  onClick={handleSubmit}\n                  onMouseDown={(e) => e.preventDefault()}\n                />\n                <StatefulButton\n                  className=\"text-gray-700 font-weight-500\"\n                  type=\"submit\"\n                  variant=\"link\"\n                  labels={{\n                    default: formatMessage(messages['optional.fields.skip.button']),\n                  }}\n                  onClick={handleSkip}\n                  onMouseDown={(e) => e.preventDefault()}\n                />\n              </div>\n            </Form>\n          </>\n        )}\n\n      </div>\n    </BaseContainer>\n  );\n};\n\nProgressiveProfiling.propTypes = {\n  authenticatedUser: PropTypes.shape({\n    username: PropTypes.string,\n    userId: PropTypes.number,\n    fullName: PropTypes.string,\n  }),\n  showError: PropTypes.bool,\n  shouldRedirect: PropTypes.bool,\n  submitState: PropTypes.string,\n  welcomePageContext: PropTypes.shape({\n    extended_profile: PropTypes.arrayOf(PropTypes.string),\n    fields: PropTypes.shape({}),\n    nextUrl: PropTypes.string,\n  }),\n  welcomePageContextApiStatus: PropTypes.string,\n  // Actions\n  getFieldDataFromBackend: PropTypes.func.isRequired,\n  saveUserProfile: PropTypes.func.isRequired,\n};\n\nProgressiveProfiling.defaultProps = {\n  authenticatedUser: {},\n  shouldRedirect: false,\n  showError: false,\n  submitState: DEFAULT_STATE,\n  welcomePageContext: {},\n  welcomePageContextApiStatus: PENDING_STATE,\n};\n\nconst mapStateToProps = state => {\n  const welcomePageStore = state.welcomePage;\n\n  return {\n    shouldRedirect: welcomePageStore.success,\n    showError: welcomePageStore.showError,\n    submitState: welcomePageStore.submitState,\n    welcomePageContext: welcomePageContextSelector(state),\n    welcomePageContextApiStatus: state.commonComponents.thirdPartyAuthApiStatus,\n  };\n};\n\nexport default connect(\n  mapStateToProps,\n  {\n    saveUserProfile,\n    getFieldDataFromBackend: getThirdPartyAuthContext,\n  },\n)(ProgressiveProfiling);\n"]}
+{"version":3,"file":"ProgressiveProfiling.js","sourceRoot":"","sources":["../../src/progressive-profiling/ProgressiveProfiling.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  AxiosJwtAuthService,\n  configureAuth,\n  getAuthenticatedUser,\n  getLoggingService,\n  getSiteConfig,\n  getUrlByRouteRole,\n  identifyAuthenticatedUser,\n  sendPageEvent,\n  sendTrackEvent,\n  snakeCaseObject,\n  useAppConfig,\n  useIntl,\n} from '@openedx/frontend-base';\nimport {\n  Alert,\n  Form,\n  Hyperlink,\n  Spinner,\n  StatefulButton,\n} from '@openedx/paragon';\nimport { Error } from '@openedx/paragon/icons';\nimport { Helmet } from 'react-helmet';\nimport { Navigate, useLocation } from 'react-router-dom';\n\nimport { ProgressiveProfilingProvider, useProgressiveProfilingContext } from './components/ProgressiveProfilingContext';\nimport messages from './messages';\nimport ProgressiveProfilingPageModal from './ProgressiveProfilingPageModal';\nimport BaseContainer from '../base-container';\nimport { RedirectLogistration } from '../common-components';\nimport { useSaveUserProfile } from './data/apiHook';\nimport { ThirdPartyAuthProvider, useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';\nimport { useThirdPartyAuthHook } from '../common-components/data/apiHook';\nimport { dashboardRole, welcomePath } from '../constants';\nimport {\n  COMPLETE_STATE,\n  FAILURE_STATE,\n  PENDING_STATE,\n} from '../data/constants';\nimport isOneTrustFunctionalCookieEnabled from '../data/oneTrust';\nimport { getAllPossibleQueryParams, isHostAvailableInQueryParams } from '../data/utils';\nimport { FormFieldRenderer } from '../field-renderer';\n\nconst ProgressiveProfilingInner = () => {\n  const { formatMessage } = useIntl();\n  const appConfig = useAppConfig();\n\n  const {\n    thirdPartyAuthApiStatus,\n    setThirdPartyAuthContextSuccess,\n    setThirdPartyAuthContextFailure,\n    optionalFields,\n  } = useThirdPartyAuthContext();\n\n  const welcomePageContext = optionalFields;\n  const {\n    submitState,\n    showError,\n    success,\n  } = useProgressiveProfilingContext();\n\n  // Hook for saving user profile\n  const saveUserProfileMutation = useSaveUserProfile();\n\n  const location = useLocation();\n  const registrationEmbedded = isHostAvailableInQueryParams();\n\n  const queryParams = getAllPossibleQueryParams();\n  const authenticatedUser = getAuthenticatedUser() || location.state?.authenticatedUser;\n  const functionalCookiesConsent = isOneTrustFunctionalCookieEnabled();\n\n  const [registrationResult, setRegistrationResult] = useState({ redirectUrl: '' });\n  const [formFieldData, setFormFieldData] = useState({ fields: {}, extendedProfile: [] });\n  const [values, setValues] = useState({});\n  const [showModal, setShowModal] = useState(false);\n\n  const { data, isSuccess, error } = useThirdPartyAuthHook(welcomePath,\n    { is_welcome_page: true, next: queryParams?.next }, { enabled: registrationEmbedded });\n\n  useEffect(() => {\n    if (registrationEmbedded) {\n      if (isSuccess && data) {\n        setThirdPartyAuthContextSuccess(\n          data.fieldDescriptions,\n          data.optionalFields,\n          data.thirdPartyAuthContext,\n        );\n      }\n      if (error) {\n        setThirdPartyAuthContextFailure();\n      }\n    } else {\n      configureAuth(AxiosJwtAuthService, { loggingService: getLoggingService(), config: getSiteConfig() });\n    }\n  }, [registrationEmbedded, queryParams?.next, isSuccess, data, error,\n    setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);\n\n  useEffect(() => {\n    const registrationResponse = location.state?.registrationResult;\n    if (registrationResponse) {\n      setRegistrationResult(registrationResponse);\n      setFormFieldData({\n        fields: location.state?.optionalFields.fields || {},\n        extendedProfile: location.state?.optionalFields.extended_profile || [],\n      });\n    }\n  }, [location.state?.registrationResult, location.state?.optionalFields]);\n\n  useEffect(() => {\n    if (registrationEmbedded && welcomePageContext && Object.keys(welcomePageContext).includes('fields')) {\n      setFormFieldData({\n        fields: welcomePageContext.fields,\n        extendedProfile: welcomePageContext.extended_profile,\n      });\n      const nextUrl = welcomePageContext.nextUrl ? welcomePageContext.nextUrl : appConfig.SEARCH_CATALOG_URL;\n      setRegistrationResult({ redirectUrl: nextUrl });\n    }\n  }, [registrationEmbedded, welcomePageContext, appConfig.SEARCH_CATALOG_URL]);\n\n  useEffect(() => {\n    if (authenticatedUser?.userId) {\n      identifyAuthenticatedUser(authenticatedUser.userId);\n      sendPageEvent('login_and_registration', 'welcome');\n    }\n  }, [authenticatedUser]);\n\n  if (\n    !authenticatedUser\n    || !(location.state?.registrationResult || registrationEmbedded)\n    || thirdPartyAuthApiStatus === FAILURE_STATE\n    || (thirdPartyAuthApiStatus === COMPLETE_STATE && !Object.keys(welcomePageContext).includes('fields'))\n  ) {\n    const dashboardUrl = getUrlByRouteRole(dashboardRole) || '/';\n    if (dashboardUrl.startsWith('/')) {\n      return <Navigate to={dashboardUrl} replace />;\n    }\n    window.location.href = dashboardUrl;\n    return null;\n  }\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    window.history.replaceState(location.state, null, '');\n    const payload = { ...values, extendedProfile: [] };\n    if (Object.keys(formFieldData.extendedProfile).length > 0) {\n      formFieldData.extendedProfile.forEach(fieldName => {\n        if (values[fieldName]) {\n          payload.extendedProfile.push({ fieldName, fieldValue: values[fieldName] });\n        }\n        delete payload[fieldName];\n      });\n    }\n    saveUserProfileMutation.mutate({ username: authenticatedUser.username, data: snakeCaseObject(payload) });\n\n    sendTrackEvent(\n      'edx.bi.welcome.page.submit.clicked',\n      {\n        isGenderSelected: !!values.gender,\n        isYearOfBirthSelected: !!values.year_of_birth,\n        isLevelOfEducationSelected: !!values.level_of_education,\n        isWorkExperienceSelected: !!values.work_experience,\n        host: queryParams?.host || '',\n      },\n    );\n  };\n\n  const handleSkip = (e) => {\n    e.preventDefault();\n    window.history.replaceState(location.state, null, '');\n    setShowModal(true);\n    sendTrackEvent(\n      'edx.bi.welcome.page.skip.link.clicked',\n      {\n        host: queryParams?.host || '',\n      },\n    );\n  };\n\n  const onChangeHandler = (e) => {\n    if (e.target.type === 'checkbox') {\n      setValues({ ...values, [e.target.name]: e.target.checked });\n    } else {\n      setValues({ ...values, [e.target.name]: e.target.value });\n    }\n  };\n\n  const formFields = Object.keys(formFieldData.fields).map((fieldName) => {\n    const fieldData = formFieldData.fields[fieldName];\n    return (\n      <span key={fieldData.name}>\n        <FormFieldRenderer\n          fieldData={fieldData}\n          value={values[fieldData.name]}\n          onChangeHandler={onChangeHandler}\n        />\n      </span>\n    );\n  });\n\n  const shouldRedirect = success;\n  return (\n    <BaseContainer showWelcomeBanner fullName={authenticatedUser?.fullName || authenticatedUser?.name}>\n      <Helmet>\n        <title>{formatMessage(messages['progressive.profiling.page.title'],\n          { siteName: getSiteConfig().siteName })}\n        </title>\n      </Helmet>\n      <ProgressiveProfilingPageModal isOpen={showModal} redirectUrl={registrationResult.redirectUrl} />\n      {shouldRedirect && (\n        <RedirectLogistration\n          success\n          redirectUrl={registrationResult.redirectUrl}\n          educationLevel={values?.level_of_education}\n          userId={authenticatedUser?.userId}\n        />\n      )}\n      <div className=\"mw-xs m-4 pp-page-content\">\n        {registrationEmbedded && thirdPartyAuthApiStatus === PENDING_STATE ? (\n          <Spinner animation=\"border\" variant=\"primary\" id=\"tpa-spinner\" />\n        ) : (\n          <>\n            <div>\n              <h2 className=\"pp-page__heading text-primary\">{formatMessage(messages['progressive.profiling.page.heading'])}</h2>\n            </div><hr className=\"border-light-700 mb-4\" />\n            {showError ? (\n              <Alert id=\"pp-page-errors\" className=\"mb-3\" variant=\"danger\" icon={Error}>\n                <Alert.Heading>{formatMessage(messages['welcome.page.error.heading'])}</Alert.Heading>\n                <p>{formatMessage(messages['welcome.page.error.message'])}</p>\n              </Alert>\n            ) : null}\n            <Form>\n              {formFields}\n              {(appConfig.AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (\n                <span className=\"pp-page__support-link\">\n                  <Hyperlink\n                    isInline\n                    variant=\"muted\"\n                    destination={appConfig.AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK}\n                    target=\"_blank\"\n                    showLaunchIcon={false}\n                    onClick={() => (sendTrackEvent('edx.bi.welcome.page.support.link.clicked'))}\n                  >\n                    {formatMessage(messages['optional.fields.information.link'])}\n                  </Hyperlink>\n                </span>\n              )}\n              <div className=\"d-flex mt-4 mb-3\">\n                <StatefulButton\n                  type=\"submit\"\n                  variant=\"brand\"\n                  className=\"pp-page__button-width\"\n                  state={submitState}\n                  labels={{\n                    default: formatMessage(messages['optional.fields.submit.button']),\n                    pending: '',\n                  }}\n                  onClick={handleSubmit}\n                  onMouseDown={(e) => e.preventDefault()}\n                />\n                <StatefulButton\n                  className=\"text-gray-700 font-weight-500\"\n                  type=\"submit\"\n                  variant=\"link\"\n                  labels={{\n                    default: formatMessage(messages['optional.fields.skip.button']),\n                  }}\n                  onClick={handleSkip}\n                  onMouseDown={(e) => e.preventDefault()}\n                />\n              </div>\n            </Form>\n          </>\n        )}\n\n      </div>\n    </BaseContainer>\n  );\n};\n\nconst ProgressiveProfiling = (props) => (\n  <ThirdPartyAuthProvider>\n    <ProgressiveProfilingProvider>\n      <ProgressiveProfilingInner {...props} />\n    </ProgressiveProfilingProvider>\n  </ThirdPartyAuthProvider>\n);\n\nexport default ProgressiveProfiling;\n"]}

package/dist/progressive-profiling/ProgressiveProfilingPageModal.js

@@ -2,14 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import { ActionRow, Button, ModalDialog } from '@openedx/paragon';
 import PropTypes from 'prop-types';
+import { useNavigate } from 'react-router-dom';
 import messages from './messages';
 const ProgressiveProfilingPageModal = (props) => {
     const { formatMessage } = useIntl();
+    const navigate = useNavigate();
     const { isOpen, redirectUrl } = props;
     const platformName = getSiteConfig().siteName;
     const handleSubmit = (e) => {
         e.preventDefault();
-        window.location.href = redirectUrl;
+        if (redirectUrl.startsWith('/')) {
+            navigate(redirectUrl);
+        }
+        else {
+            window.location.href = redirectUrl;
+        }
     };
     return (_jsxs(ModalDialog, { title: formatMessage(messages['modal.title']), isOpen: isOpen, onClose: () => { }, size: "sm", variant: "default", hasCloseButton: false, children: [_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { children: formatMessage(messages['modal.title']) }) }), _jsx(ModalDialog.Body, { children: formatMessage(messages['modal.description']) }), _jsx(ModalDialog.Footer, { children: _jsx(ActionRow, { children: _jsx(Button, { onClick: handleSubmit, variant: "primary", children: formatMessage(messages['continue.to.platform'], { platformName }) }) }) })] }));
 };

package/dist/progressive-profiling/ProgressiveProfilingPageModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressiveProfilingPageModal.js","sourceRoot":"","sources":["../../src/progressive-profiling/ProgressiveProfilingPageModal.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC,QAAQ,CAAC;IAE9C,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAC7C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,cAAc,EAAE,KAAK,aAErB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,cACf,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GACrB,GACD,EAErB,KAAC,WAAW,CAAC,IAAI,cACd,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,GAC5B,EAEnB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,SAAS,cACR,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAC,SAAS,YAC7C,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,EAAE,YAAY,EAAE,CAAC,GAC3D,GACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,6BAA6B,CAAC,SAAS,GAAG;IACxC,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACzC,CAAC;AAEF,6BAA6B,CAAC,YAAY,GAAG;IAC3C,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,eAAe,6BAA6B,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { ActionRow, Button, ModalDialog } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\n\nimport messages from './messages';\n\nconst ProgressiveProfilingPageModal = (props) => {\n  const { formatMessage } = useIntl();\n  const { isOpen, redirectUrl } = props;\n  const platformName = getSiteConfig().siteName;\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    window.location.href = redirectUrl;\n  };\n\n  return (\n    <ModalDialog\n      title={formatMessage(messages['modal.title'])}\n      isOpen={isOpen}\n      onClose={() => { }}\n      size=\"sm\"\n      variant=\"default\"\n      hasCloseButton={false}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {formatMessage(messages['modal.title'])}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n\n      <ModalDialog.Body>\n        {formatMessage(messages['modal.description'])}\n      </ModalDialog.Body>\n\n      <ModalDialog.Footer>\n        <ActionRow>\n          <Button onClick={handleSubmit} variant=\"primary\">\n            {formatMessage(messages['continue.to.platform'], { platformName })}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nProgressiveProfilingPageModal.propTypes = {\n  isOpen: PropTypes.bool,\n  redirectUrl: PropTypes.string.isRequired,\n};\n\nProgressiveProfilingPageModal.defaultProps = {\n  isOpen: false,\n};\n\nexport default ProgressiveProfilingPageModal;\n"]}
+{"version":3,"file":"ProgressiveProfilingPageModal.js","sourceRoot":"","sources":["../../src/progressive-profiling/ProgressiveProfilingPageModal.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC,QAAQ,CAAC;IAE9C,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAChC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAC7C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,cAAc,EAAE,KAAK,aAErB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,cACf,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GACrB,GACD,EAErB,KAAC,WAAW,CAAC,IAAI,cACd,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,GAC5B,EAEnB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,SAAS,cACR,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAC,SAAS,YAC7C,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,EAAE,YAAY,EAAE,CAAC,GAC3D,GACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,6BAA6B,CAAC,SAAS,GAAG;IACxC,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACzC,CAAC;AAEF,6BAA6B,CAAC,YAAY,GAAG;IAC3C,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,eAAe,6BAA6B,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { ActionRow, Button, ModalDialog } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport { useNavigate } from 'react-router-dom';\n\nimport messages from './messages';\n\nconst ProgressiveProfilingPageModal = (props) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const { isOpen, redirectUrl } = props;\n  const platformName = getSiteConfig().siteName;\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    if (redirectUrl.startsWith('/')) {\n      navigate(redirectUrl);\n    } else {\n      window.location.href = redirectUrl;\n    }\n  };\n\n  return (\n    <ModalDialog\n      title={formatMessage(messages['modal.title'])}\n      isOpen={isOpen}\n      onClose={() => { }}\n      size=\"sm\"\n      variant=\"default\"\n      hasCloseButton={false}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {formatMessage(messages['modal.title'])}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n\n      <ModalDialog.Body>\n        {formatMessage(messages['modal.description'])}\n      </ModalDialog.Body>\n\n      <ModalDialog.Footer>\n        <ActionRow>\n          <Button onClick={handleSubmit} variant=\"primary\">\n            {formatMessage(messages['continue.to.platform'], { platformName })}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nProgressiveProfilingPageModal.propTypes = {\n  isOpen: PropTypes.bool,\n  redirectUrl: PropTypes.string.isRequired,\n};\n\nProgressiveProfilingPageModal.defaultProps = {\n  isOpen: false,\n};\n\nexport default ProgressiveProfilingPageModal;\n"]}

package/dist/progressive-profiling/components/ProgressiveProfilingContext.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+interface ProgressiveProfilingContextType {
+    isLoading: boolean;
+    showError: boolean;
+    success: boolean;
+    submitState?: string;
+    setLoading: (loading: boolean) => void;
+    setShowError: (showError: boolean) => void;
+    setSuccess: (success: boolean) => void;
+    setSubmitState: (state: string) => void;
+    clearState: () => void;
+}
+interface ProgressiveProfilingProviderProps {
+    children: ReactNode;
+}
+export declare const ProgressiveProfilingProvider: FC<ProgressiveProfilingProviderProps>;
+export declare const useProgressiveProfilingContext: () => ProgressiveProfilingContextType;
+export {};