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

package/dist/logistration/Logistration.js

@@ -0,0 +1,106 @@
+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 { 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 messages from '../common-components/messages';
+import { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';
+import { getTpaHint, getTpaProvider, updatePathWithQueryParams, } from '../data/utils';
+import { LoginPage } from '../login';
+import { backupLoginForm } from '../login/data/actions';
+import { RegistrationPage } from '../register';
+import { backupRegistrationForm } from '../register/data/actions';
+const Logistration = (props) => {
+    const { selectedPage, tpaProviders } = props;
+    const tpaHint = getTpaHint();
+    const { providers, secondaryProviders, } = tpaProviders;
+    const { formatMessage } = useIntl();
+    const [institutionLogin, setInstitutionLogin] = useState(false);
+    const [key, setKey] = useState('');
+    const navigate = useNavigate();
+    const disablePublicAccountCreation = useAppConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false;
+    const hideRegistrationLink = useAppConfig().SHOW_REGISTRATION_LINKS === false;
+    useEffect(() => {
+        const authService = getAuthService();
+        if (authService) {
+            authService.getCsrfTokenService().getCsrfToken(getSiteConfig().lmsBaseUrl);
+        }
+    });
+    useEffect(() => {
+        if (disablePublicAccountCreation) {
+            navigate(updatePathWithQueryParams(LOGIN_PAGE));
+        }
+    }, [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');
+        }
+        else {
+            sendPageEvent('login_and_registration', e.target.dataset.eventName);
+        }
+        setInstitutionLogin(!institutionLogin);
+    };
+    const handleOnSelect = (tabKey, currentTab) => {
+        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();
+        }
+        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
+                    ? formatMessage(messages['logistration.sign.in'])
+                    : formatMessage(messages['logistration.register']) })] }));
+    const isValidTpaHint = () => {
+        const { provider } = getTpaProvider(tpaHint, providers, secondaryProviders);
+        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("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(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,
+};
+const mapStateToProps = state => ({
+    tpaProviders: tpaProvidersSelector(state),
+});
+export default connect(mapStateToProps, {
+    backupLoginForm,
+    backupRegistrationForm,
+    clearThirdPartyAuthContextErrorMessage,
+})(Logistration);
+//# sourceMappingURL=Logistration.js.map

package/dist/logistration/Logistration.js.map

@@ -0,0 +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"]}

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

@@ -0,0 +1,46 @@
+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';

package/dist/progressive-profiling/ProgressiveProfiling.js

@@ -0,0 +1,167 @@
+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 { 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 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 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 { formatMessage } = useIntl();
+    const { getFieldDataFromBackend, submitState, showError, welcomePageContext, welcomePageContextApiStatus, } = props;
+    const { SEARCH_CATALOG_URL, AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK } = useAppConfig();
+    const location = useLocation();
+    const registrationEmbedded = isHostAvailableInQueryParams();
+    const queryParams = getAllPossibleQueryParams();
+    const authenticatedUser = getAuthenticatedUser() || ((_a = location.state) === null || _a === void 0 ? void 0 : _a.authenticatedUser);
+    const functionalCookiesConsent = isOneTrustFunctionalCookieEnabled();
+    const [registrationResult, setRegistrationResult] = useState({ redirectUrl: '' });
+    const [formFieldData, setFormFieldData] = useState({ fields: {}, extendedProfile: [] });
+    const [values, setValues] = useState({});
+    const [showModal, setShowModal] = useState(false);
+    useEffect(() => {
+        if (registrationEmbedded) {
+            getFieldDataFromBackend({ is_welcome_page: true, next: queryParams === null || queryParams === void 0 ? void 0 : queryParams.next });
+        }
+        else {
+            configureAuth(AxiosJwtAuthService, { mockLoggingService: getLoggingService(), config: getSiteConfig() });
+        }
+    }, [registrationEmbedded, getFieldDataFromBackend, queryParams === null || queryParams === void 0 ? void 0 : queryParams.next]);
+    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,
+            });
+        }
+    }, [location.state]);
+    useEffect(() => {
+        if (registrationEmbedded && Object.keys(welcomePageContext).includes('fields')) {
+            setFormFieldData({
+                fields: welcomePageContext.fields,
+                extendedProfile: welcomePageContext.extended_profile,
+            });
+            const nextUrl = welcomePageContext.nextUrl ? welcomePageContext.nextUrl : SEARCH_CATALOG_URL;
+            setRegistrationResult({ redirectUrl: nextUrl });
+        }
+    }, [registrationEmbedded, welcomePageContext]);
+    useEffect(() => {
+        if (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.userId) {
+            identifyAuthenticatedUser(authenticatedUser.userId);
+            sendPageEvent('login_and_registration', 'welcome');
+        }
+    }, [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);
+        return null;
+    }
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        window.history.replaceState(location.state, null, '');
+        const payload = Object.assign(Object.assign({}, values), { extendedProfile: [] });
+        if (Object.keys(formFieldData.extendedProfile).length > 0) {
+            formFieldData.extendedProfile.forEach(fieldName => {
+                if (values[fieldName]) {
+                    payload.extendedProfile.push({ fieldName, fieldValue: values[fieldName] });
+                }
+                delete payload[fieldName];
+            });
+        }
+        props.saveUserProfile(authenticatedUser.username, snakeCaseObject(payload));
+        sendTrackEvent('edx.bi.welcome.page.submit.clicked', {
+            isGenderSelected: !!values.gender,
+            isYearOfBirthSelected: !!values.year_of_birth,
+            isLevelOfEducationSelected: !!values.level_of_education,
+            isWorkExperienceSelected: !!values.work_experience,
+            host: (queryParams === null || queryParams === void 0 ? void 0 : queryParams.host) || '',
+        });
+    };
+    const handleSkip = (e) => {
+        e.preventDefault();
+        window.history.replaceState(location.state, null, '');
+        setShowModal(true);
+        sendTrackEvent('edx.bi.welcome.page.skip.link.clicked', {
+            host: (queryParams === null || queryParams === void 0 ? void 0 : queryParams.host) || '',
+        });
+    };
+    const onChangeHandler = (e) => {
+        if (e.target.type === 'checkbox') {
+            setValues(Object.assign(Object.assign({}, values), { [e.target.name]: e.target.checked }));
+        }
+        else {
+            setValues(Object.assign(Object.assign({}, values), { [e.target.name]: e.target.value }));
+        }
+    };
+    const formFields = Object.keys(formFieldData.fields).map((fieldName) => {
+        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: {
+                                                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);
+//# sourceMappingURL=ProgressiveProfiling.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveProfiling.js","sourceRoot":"","sources":["../../src/progressive-profiling/ProgressiveProfiling.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EACzB,aAAa,EACb,cAAc,EACd,eAAe,EACf,OAAO,EACR,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,OAAO,EACP,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,iCAAiC,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAE5E,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,EAAE;;IACrC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,uBAAuB,EACvB,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,2BAA2B,GAC5B,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,kBAAkB,EAClB,wCAAwC,EACzC,GAAG,YAAY,EAAE,CAAC;IACnB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,4BAA4B,EAAE,CAAC;IAE5D,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAChD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,KAAI,MAAA,QAAQ,CAAC,KAAK,0CAAE,iBAAiB,CAAA,CAAC;IACtF,MAAM,wBAAwB,GAAG,iCAAiC,EAAE,CAAC;IAErE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IACxF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,oBAAoB,EAAE,CAAC;YACzB,uBAAuB,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EAAE,CAAC,CAAC;QAC9E,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,mBAAmB,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;QAC3G,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,uBAAuB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,oBAAoB,GAAG,MAAA,QAAQ,CAAC,KAAK,0CAAE,kBAAkB,CAAC;QAChE,IAAI,oBAAoB,EAAE,CAAC;YACzB,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;YAC5C,gBAAgB,CAAC;gBACf,MAAM,EAAE,MAAA,QAAQ,CAAC,KAAK,0CAAE,cAAc,CAAC,MAAM;gBAC7C,eAAe,EAAE,MAAA,QAAQ,CAAC,KAAK,0CAAE,cAAc,CAAC,gBAAgB;aACjE,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,oBAAoB,IAAI,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC/E,gBAAgB,CAAC;gBACf,MAAM,EAAE,kBAAkB,CAAC,MAAM;gBACjC,eAAe,EAAE,kBAAkB,CAAC,gBAAgB;aACrD,CAAC,CAAC;YACH,MAAM,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;YAC7F,qBAAqB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,EAAE,CAAC;YAC9B,yBAAyB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;YACpD,aAAa,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,IACE,CAAC,iBAAiB;WACf,CAAC,CAAC,CAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,kBAAkB,KAAI,oBAAoB,CAAC;WAC7D,2BAA2B,KAAK,aAAa;WAC7C,CAAC,2BAA2B,KAAK,cAAc,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAC1G,CAAC;QACD,MAAM,aAAa,GAAG,aAAa,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;QAC9E,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACtD,MAAM,OAAO,mCAAQ,MAAM,KAAE,eAAe,EAAE,EAAE,GAAE,CAAC;QACnD,IAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBAChD,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;oBACtB,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC7E,CAAC;gBACD,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;QACD,KAAK,CAAC,eAAe,CAAC,iBAAiB,CAAC,QAAQ,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;QAE5E,cAAc,CACZ,oCAAoC,EACpC;YACE,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;YACjC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa;YAC7C,0BAA0B,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;YACvD,wBAAwB,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;YAClD,IAAI,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,EAAE;SAC9B,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,EAAE;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACtD,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,cAAc,CACZ,uCAAuC,EACvC;YACE,IAAI,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,EAAE;SAC9B,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YACjC,SAAS,iCAAM,MAAM,KAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,IAAG,CAAC;QAC9D,CAAC;aAAM,CAAC;YACN,SAAS,iCAAM,MAAM,KAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;QAC5D,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QACrE,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,CACL,yBACE,KAAC,iBAAiB,IAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAC7B,eAAe,EAAE,eAAe,GAChC,IALO,SAAS,CAAC,IAAI,CAMlB,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,aAAa,IAAC,iBAAiB,QAAC,QAAQ,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,MAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAA,aAC/F,KAAC,MAAM,cACL,0BAAQ,aAAa,CACnB,QAAQ,CAAC,kCAAkC,CAAC,EAC5C,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CACvC,GACO,GACD,EACT,KAAC,6BAA6B,IAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,CAAC,WAAW,GAAI,EAChG,CAAC,KAAK,CAAC,cAAc,IAAI,kBAAkB,CAAC,OAAO,CAAC,IAAI,CACvD,KAAC,oBAAoB,IACnB,OAAO,QACP,WAAW,EAAE,kBAAkB,CAAC,WAAW,GAC3C,CACH,EACA,KAAK,CAAC,cAAc,IAAI,CACvB,KAAC,oBAAoB,IACnB,OAAO,QACP,WAAW,EAAE,kBAAkB,CAAC,WAAW,EAC3C,cAAc,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,kBAAkB,EAC1C,MAAM,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,GACjC,CACH,EACD,cAAK,SAAS,EAAC,2BAA2B,YACvC,oBAAoB,IAAI,2BAA2B,KAAK,aAAa,CAAC,CAAC,CAAC,CACvE,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,aAAa,GAAG,CAClE,CAAC,CAAC,CAAC,CACF,8BACE,wBACE,aAAI,SAAS,EAAC,+BAA+B,YAAE,aAAa,CAAC,QAAQ,CAAC,oCAAoC,CAAC,CAAC,GAAM,GAC9G,EAAA,aAAI,SAAS,EAAC,uBAAuB,GAAG,EAC7C,SAAS,CAAC,CAAC,CAAC,CACX,MAAC,KAAK,IAAC,EAAE,EAAC,gBAAgB,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,aACtE,KAAC,KAAK,CAAC,OAAO,cAAE,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,GAAiB,EACtF,sBAAI,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,GAAK,IACxD,CACT,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,eACF,UAAU,EACV,CAAC,wCAAwC,CAAC,IAAI,CAC7C,eAAM,SAAS,EAAC,uBAAuB,YACrC,KAAC,SAAS,IACR,QAAQ,QACR,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,wCAAwC,EACrD,MAAM,EAAC,QAAQ,EACf,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,cAAc,CAAC,0CAA0C,CAAC,CAAC,YAE1E,aAAa,CAAC,QAAQ,CAAC,kCAAkC,CAAC,CAAC,GAClD,GACP,CACR,EACD,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE;gDACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,+BAA+B,CAAC,CAAC;gDACjE,OAAO,EAAE,EAAE;6CACZ,EACD,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACtC,EACF,KAAC,cAAc,IACb,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,MAAM,EAAE;gDACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC;6CAChE,EACD,OAAO,EAAE,UAAU,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACtC,IACE,IACD,IACN,CACJ,GAEG,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,iBAAiB,EAAE,SAAS,CAAC,KAAK,CAAC;QACjC,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;KAC3B,CAAC;IACF,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,cAAc,EAAE,SAAS,CAAC,IAAI;IAC9B,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;QAClC,gBAAgB,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;QACrD,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,EAAE,SAAS,CAAC,MAAM;KAC1B,CAAC;IACF,2BAA2B,EAAE,SAAS,CAAC,MAAM;IAC7C,UAAU;IACV,uBAAuB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAClD,eAAe,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC3C,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG;IAClC,iBAAiB,EAAE,EAAE;IACrB,cAAc,EAAE,KAAK;IACrB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,aAAa;IAC1B,kBAAkB,EAAE,EAAE;IACtB,2BAA2B,EAAE,aAAa;CAC3C,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE;IAC9B,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC;IAE3C,OAAO;QACL,cAAc,EAAE,gBAAgB,CAAC,OAAO;QACxC,SAAS,EAAE,gBAAgB,CAAC,SAAS;QACrC,WAAW,EAAE,gBAAgB,CAAC,WAAW;QACzC,kBAAkB,EAAE,0BAA0B,CAAC,KAAK,CAAC;QACrD,2BAA2B,EAAE,KAAK,CAAC,gBAAgB,CAAC,uBAAuB;KAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CACpB,eAAe,EACf;IACE,eAAe;IACf,uBAAuB,EAAE,wBAAwB;CAClD,CACF,CAAC,oBAAoB,CAAC,CAAC","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"]}

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

@@ -0,0 +1,13 @@
+export default ProgressiveProfilingPageModal;
+declare function ProgressiveProfilingPageModal(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ProgressiveProfilingPageModal {
+    namespace propTypes {
+        let isOpen: PropTypes.Requireable<boolean>;
+        let redirectUrl: PropTypes.Validator<string>;
+    }
+    namespace defaultProps {
+        let isOpen_1: boolean;
+        export { isOpen_1 as isOpen };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/progressive-profiling/ProgressiveProfilingPageModal.js

@@ -0,0 +1,24 @@
+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 messages from './messages';
+const ProgressiveProfilingPageModal = (props) => {
+    const { formatMessage } = useIntl();
+    const { isOpen, redirectUrl } = props;
+    const platformName = getSiteConfig().siteName;
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        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 }) }) }) })] }));
+};
+ProgressiveProfilingPageModal.propTypes = {
+    isOpen: PropTypes.bool,
+    redirectUrl: PropTypes.string.isRequired,
+};
+ProgressiveProfilingPageModal.defaultProps = {
+    isOpen: false,
+};
+export default ProgressiveProfilingPageModal;
+//# sourceMappingURL=ProgressiveProfilingPageModal.js.map

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

@@ -0,0 +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"]}

package/dist/progressive-profiling/data/actions.d.ts

@@ -0,0 +1,19 @@
+export const GET_FIELDS_DATA: AsyncActionType;
+export const SAVE_USER_PROFILE: AsyncActionType;
+export function saveUserProfile(username: any, data: any): {
+    type: string;
+    payload: {
+        username: any;
+        data: any;
+    };
+};
+export function saveUserProfileBegin(): {
+    type: string;
+};
+export function saveUserProfileSuccess(): {
+    type: string;
+};
+export function saveUserProfileFailure(): {
+    type: string;
+};
+import { AsyncActionType } from '../../data/utils';

package/{src → dist}/progressive-profiling/data/actions.js

@@ -1,22 +1,18 @@
 import { AsyncActionType } from '../../data/utils';
-
 export const GET_FIELDS_DATA = new AsyncActionType('FIELD_DESCRIPTION', 'GET_FIELDS_DATA');
 export const SAVE_USER_PROFILE = new AsyncActionType('USER_PROFILE', 'SAVE_USER_PROFILE');
-
 // save additional user information
 export const saveUserProfile = (username, data) => ({
-  type: SAVE_USER_PROFILE.BASE,
-  payload: { username, data },
+    type: SAVE_USER_PROFILE.BASE,
+    payload: { username, data },
 });
-
 export const saveUserProfileBegin = () => ({
-  type: SAVE_USER_PROFILE.BEGIN,
+    type: SAVE_USER_PROFILE.BEGIN,
 });
-
 export const saveUserProfileSuccess = () => ({
-  type: SAVE_USER_PROFILE.SUCCESS,
+    type: SAVE_USER_PROFILE.SUCCESS,
 });
-
 export const saveUserProfileFailure = () => ({
-  type: SAVE_USER_PROFILE.FAILURE,
+    type: SAVE_USER_PROFILE.FAILURE,
 });
+//# sourceMappingURL=actions.js.map

package/dist/progressive-profiling/data/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/progressive-profiling/data/actions.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;AAC3F,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,eAAe,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;AAE1F,mCAAmC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,IAAI,EAAE,iBAAiB,CAAC,IAAI;IAC5B,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CAAC;IACzC,IAAI,EAAE,iBAAiB,CAAC,KAAK;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC3C,IAAI,EAAE,iBAAiB,CAAC,OAAO;CAChC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAAC;IAC3C,IAAI,EAAE,iBAAiB,CAAC,OAAO;CAChC,CAAC,CAAC","sourcesContent":["import { AsyncActionType } from '../../data/utils';\n\nexport const GET_FIELDS_DATA = new AsyncActionType('FIELD_DESCRIPTION', 'GET_FIELDS_DATA');\nexport const SAVE_USER_PROFILE = new AsyncActionType('USER_PROFILE', 'SAVE_USER_PROFILE');\n\n// save additional user information\nexport const saveUserProfile = (username, data) => ({\n  type: SAVE_USER_PROFILE.BASE,\n  payload: { username, data },\n});\n\nexport const saveUserProfileBegin = () => ({\n  type: SAVE_USER_PROFILE.BEGIN,\n});\n\nexport const saveUserProfileSuccess = () => ({\n  type: SAVE_USER_PROFILE.SUCCESS,\n});\n\nexport const saveUserProfileFailure = () => ({\n  type: SAVE_USER_PROFILE.FAILURE,\n});\n"]}

package/dist/progressive-profiling/data/reducers.d.ts

@@ -0,0 +1,22 @@
+export namespace defaultState {
+    export let extendedProfile: never[];
+    export let fieldDescriptions: {};
+    export let success: boolean;
+    export { DEFAULT_STATE as submitState };
+    export let showError: boolean;
+}
+export default reducer;
+import { DEFAULT_STATE } from '../../data/constants';
+declare function reducer(state?: {
+    extendedProfile: never[];
+    fieldDescriptions: {};
+    success: boolean;
+    submitState: string;
+    showError: boolean;
+}, action?: {}): {
+    extendedProfile: never[];
+    fieldDescriptions: {};
+    success: boolean;
+    submitState: string;
+    showError: boolean;
+};

package/dist/progressive-profiling/data/reducers.js

@@ -0,0 +1,23 @@
+import { SAVE_USER_PROFILE } from './actions';
+import { DEFAULT_STATE, PENDING_STATE, } from '../../data/constants';
+export const defaultState = {
+    extendedProfile: [],
+    fieldDescriptions: {},
+    success: false,
+    submitState: DEFAULT_STATE,
+    showError: false,
+};
+const reducer = (state = defaultState, action = {}) => {
+    switch (action.type) {
+        case SAVE_USER_PROFILE.BEGIN:
+            return Object.assign(Object.assign({}, state), { submitState: PENDING_STATE });
+        case SAVE_USER_PROFILE.SUCCESS:
+            return Object.assign(Object.assign({}, state), { success: true, showError: false });
+        case SAVE_USER_PROFILE.FAILURE:
+            return Object.assign(Object.assign({}, state), { submitState: DEFAULT_STATE, showError: true });
+        default:
+            return state;
+    }
+};
+export default reducer;
+//# sourceMappingURL=reducers.js.map

package/dist/progressive-profiling/data/reducers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.js","sourceRoot":"","sources":["../../../src/progressive-profiling/data/reducers.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,aAAa,EAAE,aAAa,GAC7B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,eAAe,EAAE,EAAE;IACnB,iBAAiB,EAAE,EAAE;IACrB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE;IACpD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,iBAAiB,CAAC,KAAK;YAC1B,uCACK,KAAK,KACR,WAAW,EAAE,aAAa,IAC1B;QACJ,KAAK,iBAAiB,CAAC,OAAO;YAC5B,uCACK,KAAK,KACR,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,IAChB;QACJ,KAAK,iBAAiB,CAAC,OAAO;YAC5B,uCACK,KAAK,KACR,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,IAAI,IACf;QACJ;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import { SAVE_USER_PROFILE } from './actions';\nimport {\n  DEFAULT_STATE, PENDING_STATE,\n} from '../../data/constants';\n\nexport const defaultState = {\n  extendedProfile: [],\n  fieldDescriptions: {},\n  success: false,\n  submitState: DEFAULT_STATE,\n  showError: false,\n};\n\nconst reducer = (state = defaultState, action = {}) => {\n  switch (action.type) {\n    case SAVE_USER_PROFILE.BEGIN:\n      return {\n        ...state,\n        submitState: PENDING_STATE,\n      };\n    case SAVE_USER_PROFILE.SUCCESS:\n      return {\n        ...state,\n        success: true,\n        showError: false,\n      };\n    case SAVE_USER_PROFILE.FAILURE:\n      return {\n        ...state,\n        submitState: DEFAULT_STATE,\n        showError: true,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default reducer;\n"]}

package/dist/progressive-profiling/data/sagas.d.ts

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

package/dist/progressive-profiling/data/sagas.js

@@ -0,0 +1,17 @@
+import { call, put, takeEvery } from 'redux-saga/effects';
+import { SAVE_USER_PROFILE, saveUserProfileBegin, saveUserProfileFailure, saveUserProfileSuccess, } from './actions';
+import { patchAccount } from './service';
+export function* saveUserProfileInformation(action) {
+    try {
+        yield put(saveUserProfileBegin());
+        yield call(patchAccount, action.payload.username, action.payload.data);
+        yield put(saveUserProfileSuccess());
+    }
+    catch (e) {
+        yield put(saveUserProfileFailure());
+    }
+}
+export default function* saga() {
+    yield takeEvery(SAVE_USER_PROFILE.BASE, saveUserProfileInformation);
+}
+//# sourceMappingURL=sagas.js.map

package/dist/progressive-profiling/data/sagas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sagas.js","sourceRoot":"","sources":["../../../src/progressive-profiling/data/sagas.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,SAAS,CAAC,CAAC,0BAA0B,CAAC,MAAM;IAChD,IAAI,CAAC;QACH,MAAM,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAClC,MAAM,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEvE,MAAM,GAAG,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACtC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,MAAM,GAAG,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACtC,CAAC;AACH,CAAC;AAED,MAAM,CAAC,OAAO,SAAS,CAAC,CAAC,IAAI;IAC3B,MAAM,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,0BAA0B,CAAC,CAAC;AACtE,CAAC","sourcesContent":["import { call, put, takeEvery } from 'redux-saga/effects';\n\nimport {\n  SAVE_USER_PROFILE,\n  saveUserProfileBegin,\n  saveUserProfileFailure,\n  saveUserProfileSuccess,\n} from './actions';\nimport { patchAccount } from './service';\n\nexport function* saveUserProfileInformation(action) {\n  try {\n    yield put(saveUserProfileBegin());\n    yield call(patchAccount, action.payload.username, action.payload.data);\n\n    yield put(saveUserProfileSuccess());\n  } catch (e) {\n    yield put(saveUserProfileFailure());\n  }\n}\n\nexport default function* saga() {\n  yield takeEvery(SAVE_USER_PROFILE.BASE, saveUserProfileInformation);\n}\n"]}

package/dist/progressive-profiling/data/selectors.d.ts

@@ -0,0 +1,39 @@
+export const storeName: "commonComponents";
+export function commonComponentsSelector(state: any): any;
+export const welcomePageContextSelector: ((state: any) => {
+    fields: any;
+    extended_profile: any;
+    nextUrl: any;
+}) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: any) => {
+        fields: any;
+        extended_profile: any;
+        nextUrl: any;
+    };
+    memoizedResultFunc: ((resultFuncArgs_0: any) => {
+        fields: any;
+        extended_profile: any;
+        nextUrl: any;
+    }) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => {
+        fields: any;
+        extended_profile: any;
+        nextUrl: any;
+    };
+    dependencies: [(state: any) => any];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};