@edx/frontend-app-learner-dashboard 1.2.0 → 1.3.0

package/dist/widgets/LearnerDashboardPlugins/notices-redirect/index.js

@@ -0,0 +1,14 @@
+// eslint-disable-next-line import/no-named-as-default
+import useNoticesRedirectData from './hooks';
+/**
+ * This component uses the platform-plugin-notices plugin to function.
+ * If the user has an unacknowledged notice, they will be rerouted off
+ * course home and onto a full-screen notice page. If the plugin is not
+ * installed, or there are no notices, we just passthrough this component.
+ */
+const NoticesRedirect = () => {
+    useNoticesRedirectData();
+    return null;
+};
+export default NoticesRedirect;
+//# sourceMappingURL=index.js.map

package/dist/widgets/LearnerDashboardPlugins/notices-redirect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardPlugins/notices-redirect/index.jsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,sBAAsB,EAAE,CAAC;IACzB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// eslint-disable-next-line import/no-named-as-default\nimport useNoticesRedirectData from './hooks';\n\n/**\n * This component uses the platform-plugin-notices plugin to function.\n * If the user has an unacknowledged notice, they will be rerouted off\n * course home and onto a full-screen notice page. If the plugin is not\n * installed, or there are no notices, we just passthrough this component.\n */\nconst NoticesRedirect = () => {\n  useNoticesRedirectData();\n  return null;\n};\n\nexport default NoticesRedirect;\n"]}

package/dist/widgets/LearnerDashboardPlugins/notices-redirect/messages.d.ts

@@ -0,0 +1,8 @@
+export default messages;
+declare namespace messages {
+    namespace error404Message {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+}

package/dist/widgets/LearnerDashboardPlugins/notices-redirect/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    error404Message: {
+        id: 'learner-dash.notices.error404Message',
+        defaultMessage: 'This probably happened because the notices plugin is not installed on platform.',
+        description: 'Error message when notices API returns 404',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/widgets/LearnerDashboardPlugins/notices-redirect/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardPlugins/notices-redirect/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,iFAAiF;QACjG,WAAW,EAAE,4CAA4C;KAC1D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  error404Message: {\n    id: 'learner-dash.notices.error404Message',\n    defaultMessage: 'This probably happened because the notices plugin is not installed on platform.',\n    description: 'Error message when notices API returns 404',\n  },\n});\n\nexport default messages;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingEntry.d.ts

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

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingEntry.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { getAuthenticatedUser } from '@openedx/frontend-base';
+import ProgressiveProfilingModal from './ProgressiveProfilingModal';
+import useProgressiveProfilingTrigger from './hooks/useProgressiveProfilingTrigger';
+import useClearProgressiveProfilingQueryParams from './hooks/useClearProgressiveProfilingQueryParams';
+import { trackProgressiveProfilingQuestionaireModalFormOpened } from '../tracking/trackers/progressiveProfiling';
+const ProgressiveProfilingEntry = () => {
+    var _a;
+    const [isOpen, setIsOpen] = useState(false);
+    const username = (_a = getAuthenticatedUser()) === null || _a === void 0 ? void 0 : _a.username;
+    const { shouldOpen } = useProgressiveProfilingTrigger();
+    const clearTrigger = useClearProgressiveProfilingQueryParams();
+    useEffect(() => {
+        if (shouldOpen && username) {
+            setIsOpen(true);
+            trackProgressiveProfilingQuestionaireModalFormOpened({ host: window.location.origin });
+        }
+    }, [shouldOpen, username]);
+    return (_jsx(ProgressiveProfilingModal, { isOpen: isOpen, onClose: () => setIsOpen(false), clearTrigger: clearTrigger }));
+};
+export { ProgressiveProfilingEntry };
+//# sourceMappingURL=ProgressiveProfilingEntry.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveProfilingEntry.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingEntry.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,8BAA8B,MAAM,wCAAwC,CAAC;AACpF,OAAO,uCAAuC,MAAM,iDAAiD,CAAC;AACtG,OAAO,EAAE,oDAAoD,EAAE,MAAM,2CAA2C,CAAC;AAEjH,MAAM,yBAAyB,GAAG,GAAG,EAAE;;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,MAAA,oBAAoB,EAAE,0CAAE,QAAQ,CAAC;IAElD,MAAM,EAAE,UAAU,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACxD,MAAM,YAAY,GAAG,uCAAuC,EAAE,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;YAC3B,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,oDAAoD,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QACzF,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,KAAC,yBAAyB,IACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { getAuthenticatedUser } from '@openedx/frontend-base';\n\nimport ProgressiveProfilingModal from './ProgressiveProfilingModal';\nimport useProgressiveProfilingTrigger from './hooks/useProgressiveProfilingTrigger';\nimport useClearProgressiveProfilingQueryParams from './hooks/useClearProgressiveProfilingQueryParams';\nimport { trackProgressiveProfilingQuestionaireModalFormOpened } from '../tracking/trackers/progressiveProfiling';\n\nconst ProgressiveProfilingEntry = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const username = getAuthenticatedUser()?.username;\n\n  const { shouldOpen } = useProgressiveProfilingTrigger();\n  const clearTrigger = useClearProgressiveProfilingQueryParams();\n\n  useEffect(() => {\n    if (shouldOpen && username) {\n      setIsOpen(true);\n      trackProgressiveProfilingQuestionaireModalFormOpened({ host: window.location.origin });\n    }\n  }, [shouldOpen, username]);\n\n  return (\n    <ProgressiveProfilingModal\n      isOpen={isOpen}\n      onClose={() => setIsOpen(false)}\n      clearTrigger={clearTrigger}\n    />\n  );\n};\n\nexport { ProgressiveProfilingEntry };\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingModal.d.ts

@@ -0,0 +1,14 @@
+export default ProgressiveProfilingModal;
+declare function ProgressiveProfilingModal({ isOpen, onClose, clearTrigger, }: {
+    isOpen: any;
+    onClose: any;
+    clearTrigger: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ProgressiveProfilingModal {
+    namespace propTypes {
+        let isOpen: PropTypes.Validator<boolean>;
+        let onClose: PropTypes.Validator<(...args: any[]) => any>;
+        let clearTrigger: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingModal.js

@@ -0,0 +1,51 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getAppConfig } from '@openedx/frontend-base';
+import { useIntl } from '@openedx/frontend-base';
+import { Alert, Button, Form, Hyperlink, ModalDialog, } from '@openedx/paragon';
+import { FormFieldRenderer } from './field-renderer';
+import useProgressiveProfilingForm from './hooks/useProgressiveProfilingForm';
+import { COMPLETE_STATE, PENDING_STATE } from './utils/constants';
+import messages from './progressive-profiling-authn-replica/messages';
+import { trackProgressiveProfilingSkipLinkClick, trackProgressiveProfilingSubmitClick, trackProgressiveProfilingSupportLinkClick, } from '../tracking/trackers/progressiveProfiling';
+const ProgressiveProfilingModal = ({ isOpen, onClose, clearTrigger, }) => {
+    const { formatMessage } = useIntl();
+    const { loadState, submitState, error, values, fieldList, onChangeHandler, submit, } = useProgressiveProfilingForm();
+    const handleSubmit = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        const success = yield submit();
+        if (!success) {
+            return;
+        }
+        trackProgressiveProfilingSubmitClick({
+            isGenderSelected: !!values.gender,
+            isLevelOfEducationSelected: !!values.level_of_education,
+            host: window.location.origin,
+        });
+        clearTrigger();
+        onClose();
+    });
+    const handleSkip = () => {
+        trackProgressiveProfilingSkipLinkClick({ host: window.location.origin });
+        clearTrigger();
+        onClose();
+    };
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: () => { }, hasCloseButton: false, size: "md", title: formatMessage(messages['progressive.profiling.page.heading']), children: [_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { children: formatMessage(messages['progressive.profiling.page.heading']) }) }), _jsxs(ModalDialog.Body, { children: [error && (_jsxs(Alert, { variant: "danger", children: [_jsx(Alert.Heading, { children: formatMessage(messages['welcome.page.error.heading']) }), _jsx("p", { children: formatMessage(messages['welcome.page.error.message']) })] })), _jsxs(Form, { id: "profileForm", onSubmit: handleSubmit, children: [fieldList.map((fieldData) => (_jsx(FormFieldRenderer, { fieldData: fieldData, value: values[fieldData.name], onChangeHandler: onChangeHandler }, fieldData.name))), (getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (_jsx("div", { className: "mt-2", children: _jsx(Hyperlink, { destination: getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK, target: "_blank", showLaunchIcon: false, onClick: () => trackProgressiveProfilingSupportLinkClick({ host: window.location.origin }), children: formatMessage(messages['optional.fields.information.link']) }) }))] })] }), _jsxs(ModalDialog.Footer, { children: [_jsx(Button, { variant: "link", onClick: handleSkip, disabled: submitState === PENDING_STATE, children: formatMessage(messages['optional.fields.skip.button']) }), _jsx(Button, { variant: "brand", type: "submit", form: "profileForm", disabled: loadState !== COMPLETE_STATE || submitState === PENDING_STATE, children: formatMessage(messages['optional.fields.submit.button']) })] })] }));
+};
+ProgressiveProfilingModal.propTypes = {
+    isOpen: PropTypes.bool.isRequired,
+    onClose: PropTypes.func.isRequired,
+    clearTrigger: PropTypes.func.isRequired,
+};
+export default ProgressiveProfilingModal;
+//# sourceMappingURL=ProgressiveProfilingModal.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveProfilingModal.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/ProgressiveProfilingModal.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getAppConfig } from '@openedx/frontend-base';\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  Alert, Button, Form, Hyperlink, ModalDialog,\n} from '@openedx/paragon';\n\nimport { FormFieldRenderer } from './field-renderer';\nimport useProgressiveProfilingForm from './hooks/useProgressiveProfilingForm';\nimport { COMPLETE_STATE, PENDING_STATE } from './utils/constants';\nimport messages from './progressive-profiling-authn-replica/messages';\nimport {\n  trackProgressiveProfilingSkipLinkClick, trackProgressiveProfilingSubmitClick,\n  trackProgressiveProfilingSupportLinkClick,\n} from '../tracking/trackers/progressiveProfiling';\n\nconst ProgressiveProfilingModal = ({\n  isOpen, onClose, clearTrigger,\n}) => {\n  const { formatMessage } = useIntl();\n  const {\n    loadState, submitState, error, values, fieldList, onChangeHandler, submit,\n  } = useProgressiveProfilingForm();\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    const success = await submit();\n    if (!success) { return; }\n\n    trackProgressiveProfilingSubmitClick({\n      isGenderSelected: !!values.gender,\n      isLevelOfEducationSelected: !!values.level_of_education,\n      host: window.location.origin,\n    });\n\n    clearTrigger();\n    onClose();\n  };\n\n  const handleSkip = () => {\n    trackProgressiveProfilingSkipLinkClick({ host: window.location.origin });\n    clearTrigger();\n    onClose();\n  };\n\n  return (\n    <ModalDialog\n      isOpen={isOpen}\n      onClose={() => {}}\n      hasCloseButton={false}\n      size=\"md\"\n      title={formatMessage(messages['progressive.profiling.page.heading'])}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {formatMessage(messages['progressive.profiling.page.heading'])}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n\n      <ModalDialog.Body>\n        {error && (\n        <Alert variant=\"danger\">\n          <Alert.Heading>{formatMessage(messages['welcome.page.error.heading'])}</Alert.Heading>\n          <p>{formatMessage(messages['welcome.page.error.message'])}</p>\n        </Alert>\n        )}\n        <Form id=\"profileForm\" onSubmit={handleSubmit}>\n          {fieldList.map((fieldData) => (\n            <FormFieldRenderer\n              key={fieldData.name}\n              fieldData={fieldData}\n              value={values[fieldData.name]}\n              onChangeHandler={onChangeHandler}\n            />\n          ))}\n\n          {(getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (\n            <div className=\"mt-2\">\n              <Hyperlink\n                destination={getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK}\n                target=\"_blank\"\n                showLaunchIcon={false}\n                onClick={() => trackProgressiveProfilingSupportLinkClick({ host: window.location.origin })}\n              >\n                {formatMessage(messages['optional.fields.information.link'])}\n              </Hyperlink>\n            </div>\n          )}\n        </Form>\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <Button variant=\"link\" onClick={handleSkip} disabled={submitState === PENDING_STATE}>\n          {formatMessage(messages['optional.fields.skip.button'])}\n        </Button>\n        <Button variant=\"brand\" type=\"submit\" form=\"profileForm\" disabled={loadState !== COMPLETE_STATE || submitState === PENDING_STATE}>\n          {formatMessage(messages['optional.fields.submit.button'])}\n        </Button>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nProgressiveProfilingModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  clearTrigger: PropTypes.func.isRequired,\n};\n\nexport default ProgressiveProfilingModal;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/api/service.d.ts

@@ -0,0 +1 @@
+export function saveProgressiveProfiling(values: any, extendedProfileFieldNames?: any[]): Promise<void>;

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/api/service.js

@@ -0,0 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { getAppConfig, snakeCaseObject } from '@openedx/frontend-base';
+import { getAuthenticatedUser, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+export function saveProgressiveProfiling(values_1) {
+    return __awaiter(this, arguments, void 0, function* (values, extendedProfileFieldNames = []) {
+        const payload = Object.assign({}, values);
+        const extendedProfile = [];
+        const authenticatedUser = getAuthenticatedUser();
+        const client = getAuthenticatedHttpClient();
+        extendedProfileFieldNames.forEach((fieldName) => {
+            if (payload[fieldName] !== undefined && payload[fieldName] !== '') {
+                extendedProfile.push({
+                    fieldName,
+                    fieldValue: payload[fieldName],
+                });
+            }
+            delete payload[fieldName];
+        });
+        if (extendedProfile.length) {
+            payload.extendedProfile = extendedProfile;
+        }
+        yield client.patch(`${getAppConfig().LMS_BASE_URL}/api/user/v1/accounts/${authenticatedUser.username}`, snakeCaseObject(payload), {
+            headers: { 'Content-Type': 'application/merge-patch+json' },
+        });
+    });
+}
+//# sourceMappingURL=service.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/api/service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/api/service.js"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAE1F,MAAM,UAAgB,wBAAwB;yDAAC,MAAM,EAAE,yBAAyB,GAAG,EAAE;QACnF,MAAM,OAAO,qBAAQ,MAAM,CAAE,CAAC;QAC9B,MAAM,eAAe,GAAG,EAAE,CAAC;QAC3B,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;QACjD,MAAM,MAAM,GAAG,0BAA0B,EAAE,CAAC;QAE5C,yBAAyB,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC9C,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC;gBAClE,eAAe,CAAC,IAAI,CAAC;oBACnB,SAAS;oBACT,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC;iBAC/B,CAAC,CAAC;YACL,CAAC;YAED,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,eAAe,GAAG,eAAe,CAAC;QAC5C,CAAC;QAED,MAAM,MAAM,CAAC,KAAK,CAChB,GAAG,YAAY,EAAE,CAAC,YAAY,yBAAyB,iBAAiB,CAAC,QAAQ,EAAE,EACnF,eAAe,CAAC,OAAO,CAAC,EACxB;YACE,OAAO,EAAE,EAAE,cAAc,EAAE,8BAA8B,EAAE;SAC5D,CACF,CAAC;IACJ,CAAC;CAAA","sourcesContent":["import { getAppConfig, snakeCaseObject } from '@openedx/frontend-base';\nimport { getAuthenticatedUser, getAuthenticatedHttpClient } from '@openedx/frontend-base';\n\nexport async function saveProgressiveProfiling(values, extendedProfileFieldNames = []) {\n  const payload = { ...values };\n  const extendedProfile = [];\n  const authenticatedUser = getAuthenticatedUser();\n  const client = getAuthenticatedHttpClient();\n\n  extendedProfileFieldNames.forEach((fieldName) => {\n    if (payload[fieldName] !== undefined && payload[fieldName] !== '') {\n      extendedProfile.push({\n        fieldName,\n        fieldValue: payload[fieldName],\n      });\n    }\n\n    delete payload[fieldName];\n  });\n\n  if (extendedProfile.length) {\n    payload.extendedProfile = extendedProfile;\n  }\n\n  await client.patch(\n    `${getAppConfig().LMS_BASE_URL}/api/user/v1/accounts/${authenticatedUser.username}`,\n    snakeCaseObject(payload),\n    {\n      headers: { 'Content-Type': 'application/merge-patch+json' },\n    },\n  );\n}\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/data/progressiveProfilingFields.d.ts

@@ -0,0 +1,22 @@
+export namespace progressiveProfilingFields {
+    namespace fields {
+        namespace gender {
+            let name: string;
+            let type: string;
+            let label: string;
+            let options: string[][];
+        }
+        namespace level_of_education {
+            let name_1: string;
+            export { name_1 as name };
+            let type_1: string;
+            export { type_1 as type };
+            let label_1: string;
+            export { label_1 as label };
+            let options_1: string[][];
+            export { options_1 as options };
+        }
+    }
+    let extendedProfile: never[];
+    let redirectUrl: string;
+}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/data/progressiveProfilingFields.js

@@ -0,0 +1,33 @@
+export const progressiveProfilingFields = {
+    fields: {
+        gender: {
+            name: 'gender',
+            type: 'select',
+            label: 'Gender',
+            options: [
+                ['f', 'Female'],
+                ['m', 'Male'],
+                ['o', 'Other'],
+            ],
+        },
+        level_of_education: {
+            name: 'level_of_education',
+            type: 'select',
+            label: 'Level of Education',
+            options: [
+                ['p', 'Doctorate'],
+                ['m', 'Master\'s or professional degree'],
+                ['b', 'Bachelor\'s Degree'],
+                ['a', 'Associate Degree'],
+                ['hs', 'Secondary/High School'],
+                ['jhs', 'Junior secondary/junior high/middle school'],
+                ['el', 'Elementary/primary school'],
+                ['none', 'No formal education'],
+                ['other', 'Other education'],
+            ],
+        },
+    },
+    extendedProfile: [],
+    redirectUrl: '',
+};
+//# sourceMappingURL=progressiveProfilingFields.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/data/progressiveProfilingFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressiveProfilingFields.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/data/progressiveProfilingFields.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,MAAM,EAAE;QACN,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE;gBACP,CAAC,GAAG,EAAE,QAAQ,CAAC;gBACf,CAAC,GAAG,EAAE,MAAM,CAAC;gBACb,CAAC,GAAG,EAAE,OAAO,CAAC;aACf;SACF;QACD,kBAAkB,EAAE;YAClB,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE;gBACP,CAAC,GAAG,EAAE,WAAW,CAAC;gBAClB,CAAC,GAAG,EAAE,kCAAkC,CAAC;gBACzC,CAAC,GAAG,EAAE,oBAAoB,CAAC;gBAC3B,CAAC,GAAG,EAAE,kBAAkB,CAAC;gBACzB,CAAC,IAAI,EAAE,uBAAuB,CAAC;gBAC/B,CAAC,KAAK,EAAE,4CAA4C,CAAC;gBACrD,CAAC,IAAI,EAAE,2BAA2B,CAAC;gBACnC,CAAC,MAAM,EAAE,qBAAqB,CAAC;gBAC/B,CAAC,OAAO,EAAE,iBAAiB,CAAC;aAC7B;SACF;KACF;IACD,eAAe,EAAE,EAAE;IACnB,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["export const progressiveProfilingFields = {\n  fields: {\n    gender: {\n      name: 'gender',\n      type: 'select',\n      label: 'Gender',\n      options: [\n        ['f', 'Female'],\n        ['m', 'Male'],\n        ['o', 'Other'],\n      ],\n    },\n    level_of_education: {\n      name: 'level_of_education',\n      type: 'select',\n      label: 'Level of Education',\n      options: [\n        ['p', 'Doctorate'],\n        ['m', 'Master\\'s or professional degree'],\n        ['b', 'Bachelor\\'s Degree'],\n        ['a', 'Associate Degree'],\n        ['hs', 'Secondary/High School'],\n        ['jhs', 'Junior secondary/junior high/middle school'],\n        ['el', 'Elementary/primary school'],\n        ['none', 'No formal education'],\n        ['other', 'Other education'],\n      ],\n    },\n  },\n  extendedProfile: [],\n  redirectUrl: '',\n};\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/FieldRenderer.d.ts

@@ -0,0 +1,21 @@
+export default FormFieldRenderer;
+declare function FormFieldRenderer({ fieldData, value, onChangeHandler, className, }: {
+    fieldData: any;
+    value: any;
+    onChangeHandler: any;
+    className: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace FormFieldRenderer {
+    namespace propTypes {
+        let fieldData: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            type: PropTypes.Validator<string>;
+            label: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<((string | null | undefined)[] | null | undefined)[]>;
+        }>>>;
+        let value: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        let onChangeHandler: PropTypes.Validator<(...args: any[]) => any>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/FieldRenderer.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Form } from '@openedx/paragon';
+const FormFieldRenderer = ({ fieldData, value, onChangeHandler, className, }) => {
+    switch (fieldData.type) {
+        case 'select':
+            return (_jsx(Form.Group, { controlId: fieldData.name, children: _jsxs(Form.Control, { as: "select", className: className, name: fieldData.name, value: value !== null && value !== void 0 ? value : '', onChange: onChangeHandler, floatingLabel: fieldData.label, children: [_jsx("option", { value: "", children: fieldData.label }), fieldData.options.map(option => (_jsx("option", { value: option[0], children: option[1] }, option[0])))] }) }));
+        case 'textarea':
+            return (_jsx(Form.Group, { controlId: fieldData.name, children: _jsx(Form.Control, { as: "textarea", className: className, name: fieldData.name, value: value !== null && value !== void 0 ? value : '', onChange: onChangeHandler, floatingLabel: fieldData.label }) }));
+        case 'checkbox':
+            return (_jsx(Form.Group, { controlId: fieldData.name, children: _jsx(Form.Checkbox, { id: fieldData.name, name: fieldData.name, checked: !!value, onChange: onChangeHandler, children: fieldData.label }) }));
+        default:
+            return (_jsx(Form.Group, { controlId: fieldData.name, children: _jsx(Form.Control, { className: className, name: fieldData.name, value: value !== null && value !== void 0 ? value : '', onChange: onChangeHandler, floatingLabel: fieldData.label }) }));
+    }
+};
+FormFieldRenderer.propTypes = {
+    fieldData: PropTypes.shape({
+        name: PropTypes.string.isRequired,
+        type: PropTypes.string.isRequired,
+        label: PropTypes.string,
+        options: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
+    }).isRequired,
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+    onChangeHandler: PropTypes.func.isRequired,
+    className: PropTypes.string,
+};
+export default FormFieldRenderer;
+//# sourceMappingURL=FieldRenderer.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/FieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRenderer.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/FieldRenderer.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Form } from '@openedx/paragon';\n\nconst FormFieldRenderer = ({\n  fieldData, value, onChangeHandler, className,\n}) => {\n  switch (fieldData.type) {\n    case 'select':\n      return (\n        <Form.Group controlId={fieldData.name}>\n          <Form.Control\n            as=\"select\"\n            className={className}\n            name={fieldData.name}\n            value={value ?? ''}\n            onChange={onChangeHandler}\n            floatingLabel={fieldData.label}\n          >\n            <option value=\"\">{fieldData.label}</option>\n            {fieldData.options.map(option => (\n              <option key={option[0]} value={option[0]}>\n                {option[1]}\n              </option>\n            ))}\n          </Form.Control>\n        </Form.Group>\n      );\n\n    case 'textarea':\n      return (\n        <Form.Group controlId={fieldData.name}>\n          <Form.Control\n            as=\"textarea\"\n            className={className}\n            name={fieldData.name}\n            value={value ?? ''}\n            onChange={onChangeHandler}\n            floatingLabel={fieldData.label}\n          />\n        </Form.Group>\n      );\n\n    case 'checkbox':\n      return (\n        <Form.Group controlId={fieldData.name}>\n          <Form.Checkbox\n            id={fieldData.name}\n            name={fieldData.name}\n            checked={!!value}\n            onChange={onChangeHandler}\n          >\n            {fieldData.label}\n          </Form.Checkbox>\n        </Form.Group>\n      );\n\n    default:\n      return (\n        <Form.Group controlId={fieldData.name}>\n          <Form.Control\n            className={className}\n            name={fieldData.name}\n            value={value ?? ''}\n            onChange={onChangeHandler}\n            floatingLabel={fieldData.label}\n          />\n        </Form.Group>\n      );\n  }\n};\n\nFormFieldRenderer.propTypes = {\n  fieldData: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    type: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    options: PropTypes.arrayOf(\n      PropTypes.arrayOf(PropTypes.string),\n    ),\n  }).isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChangeHandler: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nexport default FormFieldRenderer;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/index.d.ts

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

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/index.js

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

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/field-renderer/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default as FormFieldRenderer } from './FieldRenderer';\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useClearProgressiveProfilingQueryParams.d.ts

@@ -0,0 +1 @@
+export default function useClearProgressiveProfilingQueryParams(): () => void;

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useClearProgressiveProfilingQueryParams.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+import { PROGRESSIVE_PROFILING_QUERY_PARAM } from '../utils/constants';
+export default function useClearProgressiveProfilingQueryParams() {
+    return useCallback(() => {
+        const currentUrl = new URL(window.location.href);
+        currentUrl.searchParams.delete(PROGRESSIVE_PROFILING_QUERY_PARAM);
+        window.history.replaceState({}, '', currentUrl.toString());
+    }, []);
+}
+//# sourceMappingURL=useClearProgressiveProfilingQueryParams.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useClearProgressiveProfilingQueryParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClearProgressiveProfilingQueryParams.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useClearProgressiveProfilingQueryParams.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,iCAAiC,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,uCAAuC;IAC7D,OAAO,WAAW,CAAC,GAAG,EAAE;QACtB,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjD,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC;QAElE,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport { PROGRESSIVE_PROFILING_QUERY_PARAM } from '../utils/constants';\n\nexport default function useClearProgressiveProfilingQueryParams() {\n  return useCallback(() => {\n    const currentUrl = new URL(window.location.href);\n\n    currentUrl.searchParams.delete(PROGRESSIVE_PROFILING_QUERY_PARAM);\n\n    window.history.replaceState({}, '', currentUrl.toString());\n  }, []);\n}\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingForm.d.ts

@@ -0,0 +1,11 @@
+export default function useProgressiveProfilingForm(): {
+    loadState: string;
+    submitState: string;
+    error: null;
+    values: {};
+    fieldList: any[];
+    onChangeHandler: (event: any) => void;
+    submit: () => Promise<boolean>;
+    redirectUrl: string;
+    extendedProfileFieldNames: never[];
+};

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingForm.js

@@ -0,0 +1,50 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useMemo, useState } from 'react';
+import { COMPLETE_STATE, DEFAULT_STATE, PENDING_STATE, } from '../utils/constants';
+import { saveProgressiveProfiling } from '../api/service';
+import { progressiveProfilingFields } from '../data/progressiveProfilingFields';
+export default function useProgressiveProfilingForm() {
+    const [submitState, setSubmitState] = useState(DEFAULT_STATE);
+    const [error, setError] = useState(null);
+    const [values, setValues] = useState({});
+    const fieldData = progressiveProfilingFields;
+    const fieldList = useMemo(() => Object.keys(fieldData.fields).map((key) => fieldData.fields[key]), [fieldData]);
+    const onChangeHandler = (event) => {
+        const { name, type, value, checked, } = event.target;
+        setValues((prev) => (Object.assign(Object.assign({}, prev), { [name]: type === 'checkbox' ? checked : value })));
+    };
+    const submit = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setSubmitState(PENDING_STATE);
+            setError(null);
+            yield saveProgressiveProfiling(values, fieldData.extendedProfile || []);
+            setSubmitState(COMPLETE_STATE);
+            return true;
+        }
+        catch (err) {
+            setSubmitState(DEFAULT_STATE);
+            setError(err);
+            return false;
+        }
+    });
+    return {
+        loadState: COMPLETE_STATE,
+        submitState,
+        error,
+        values,
+        fieldList,
+        onChangeHandler,
+        submit,
+        redirectUrl: fieldData.redirectUrl || '',
+        extendedProfileFieldNames: fieldData.extendedProfile || [],
+    };
+}
+//# sourceMappingURL=useProgressiveProfilingForm.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProgressiveProfilingForm.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingForm.jsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,cAAc,EAAE,aAAa,EAAE,aAAa,GAC7C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,2BAA2B;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,0BAA0B,CAAC;IAE7C,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EACvE,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE;QAChC,MAAM,EACJ,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAC3B,GAAG,KAAK,CAAC,MAAM,CAAC;QACjB,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCACf,IAAI,KACP,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAC7C,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAS,EAAE;QACxB,IAAI,CAAC;YACH,cAAc,CAAC,aAAa,CAAC,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,MAAM,wBAAwB,CAAC,MAAM,EAAE,SAAS,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;YACxE,cAAc,CAAC,cAAc,CAAC,CAAC;YAC/B,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,cAAc,CAAC,aAAa,CAAC,CAAC;YAC9B,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,CAAA,CAAC;IAEF,OAAO;QACL,SAAS,EAAE,cAAc;QACzB,WAAW;QACX,KAAK;QACL,MAAM;QACN,SAAS;QACT,eAAe;QACf,MAAM;QACN,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,EAAE;QACxC,yBAAyB,EAAE,SAAS,CAAC,eAAe,IAAI,EAAE;KAC3D,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  COMPLETE_STATE, DEFAULT_STATE, PENDING_STATE,\n} from '../utils/constants';\nimport { saveProgressiveProfiling } from '../api/service';\nimport { progressiveProfilingFields } from '../data/progressiveProfilingFields';\n\nexport default function useProgressiveProfilingForm() {\n  const [submitState, setSubmitState] = useState(DEFAULT_STATE);\n  const [error, setError] = useState(null);\n  const [values, setValues] = useState({});\n\n  const fieldData = progressiveProfilingFields;\n\n  const fieldList = useMemo(\n    () => Object.keys(fieldData.fields).map((key) => fieldData.fields[key]),\n    [fieldData],\n  );\n\n  const onChangeHandler = (event) => {\n    const {\n      name, type, value, checked,\n    } = event.target;\n    setValues((prev) => ({\n      ...prev,\n      [name]: type === 'checkbox' ? checked : value,\n    }));\n  };\n\n  const submit = async () => {\n    try {\n      setSubmitState(PENDING_STATE);\n      setError(null);\n      await saveProgressiveProfiling(values, fieldData.extendedProfile || []);\n      setSubmitState(COMPLETE_STATE);\n      return true;\n    } catch (err) {\n      setSubmitState(DEFAULT_STATE);\n      setError(err);\n      return false;\n    }\n  };\n\n  return {\n    loadState: COMPLETE_STATE,\n    submitState,\n    error,\n    values,\n    fieldList,\n    onChangeHandler,\n    submit,\n    redirectUrl: fieldData.redirectUrl || '',\n    extendedProfileFieldNames: fieldData.extendedProfile || [],\n  };\n}\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingTrigger.d.ts

@@ -0,0 +1,3 @@
+export default function useProgressiveProfilingTrigger(): {
+    shouldOpen: boolean;
+};

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingTrigger.js

@@ -0,0 +1,8 @@
+import { PROGRESSIVE_PROFILING_QUERY_PARAM } from '../utils/constants';
+export default function useProgressiveProfilingTrigger() {
+    const params = new URLSearchParams(window.location.search);
+    return {
+        shouldOpen: params.get(PROGRESSIVE_PROFILING_QUERY_PARAM) === 'true',
+    };
+}
+//# sourceMappingURL=useProgressiveProfilingTrigger.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProgressiveProfilingTrigger.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/hooks/useProgressiveProfilingTrigger.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,8BAA8B;IACpD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO;QACL,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,iCAAiC,CAAC,KAAK,MAAM;KACrE,CAAC;AACJ,CAAC","sourcesContent":["import { PROGRESSIVE_PROFILING_QUERY_PARAM } from '../utils/constants';\n\nexport default function useProgressiveProfilingTrigger() {\n  const params = new URLSearchParams(window.location.search);\n\n  return {\n    shouldOpen: params.get(PROGRESSIVE_PROFILING_QUERY_PARAM) === 'true',\n  };\n}\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/index.d.ts

@@ -0,0 +1,2 @@
+export default ProgressiveProfilingEntry;
+import { ProgressiveProfilingEntry } from './ProgressiveProfilingEntry';

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/index.js

@@ -0,0 +1,3 @@
+import { ProgressiveProfilingEntry } from './ProgressiveProfilingEntry';
+export default ProgressiveProfilingEntry;
+//# sourceMappingURL=index.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,eAAe,yBAAyB,CAAC","sourcesContent":["import { ProgressiveProfilingEntry } from './ProgressiveProfilingEntry';\n\nexport default ProgressiveProfilingEntry;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/ProgressiveProfiling.d.ts

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

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/ProgressiveProfiling.js

@@ -0,0 +1,82 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Helmet } from 'react-helmet';
+import { useIntl } from '@openedx/frontend-base';
+import { getAppConfig } from '@openedx/frontend-base';
+import { getAuthenticatedUser, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { identifyAuthenticatedUser } from '@openedx/frontend-base';
+import { Form, Hyperlink, StatefulButton, Alert, } from '@openedx/paragon';
+import messages from './messages';
+import useProgressiveProfilingForm from '../hooks/useProgressiveProfilingForm';
+import BaseContainer from './base-container';
+import { FormFieldRenderer } from '../field-renderer';
+import ProgressiveProfilingPageModal from './ProgressiveProfilingPageModal';
+import getThirdPartyAuthContext from './service/getThirdPartyAuthContext';
+import { trackProgressiveProfilingSkipLinkClick, trackProgressiveProfilingSubmitClick, trackProgressiveProfilingSupportLinkClick, trackProgressiveProfilingPageViewed, } from '../../tracking/trackers/progressiveProfiling';
+import { PENDING_STATE, COMPLETE_STATE } from '../utils/constants';
+import './index.scss';
+const ProgressiveProfilingPage = () => {
+    const navigate = useNavigate();
+    const { formatMessage } = useIntl();
+    const authenticatedUser = getAuthenticatedUser();
+    const client = getAuthenticatedHttpClient();
+    const { loadState, submitState, error, values, fieldList, onChangeHandler, submit, } = useProgressiveProfilingForm(authenticatedUser.username, client);
+    const [showModal, setShowModal] = useState(false);
+    const handleSubmit = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        const success = yield submit();
+        if (!success) {
+            return;
+        }
+        trackProgressiveProfilingSubmitClick({
+            isGenderSelected: !!values.gender,
+            isYearOfBirthSelected: !!values.year_of_birth,
+            isLevelOfEducationSelected: !!values.level_of_education,
+            isWorkExperienceSelected: !!values.work_experience,
+        });
+        navigate('/', { replace: true });
+    });
+    const handleSkip = () => {
+        trackProgressiveProfilingSkipLinkClick();
+        setShowModal(true);
+    };
+    const [mfeContext, setMfeContext] = useState(null);
+    useEffect(() => {
+        const fetchContext = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const data = yield getThirdPartyAuthContext();
+                setMfeContext(data);
+            }
+            catch (err) {
+                // Allow the page to render even if enterprise context cannot be fetched.
+                setMfeContext(null);
+            }
+        });
+        fetchContext();
+    }, []);
+    useEffect(() => {
+        const userId = authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.userId;
+        if (userId) {
+            identifyAuthenticatedUser(userId);
+            trackProgressiveProfilingPageViewed();
+        }
+    }, [authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.userId]);
+    return (_jsxs(BaseContainer, { enterpriseBranding: mfeContext, children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['progressive.profiling.page.title'], { siteName: getAppConfig().SITE_NAME }) }) }), _jsx(ProgressiveProfilingPageModal, { isOpen: showModal, redirectUrl: "/" }), _jsxs("div", { className: "mw-xs m-4 pp-page-content", 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" }), error && (_jsxs(Alert, { variant: "danger", children: [_jsx(Alert.Heading, { children: formatMessage(messages['welcome.page.error.heading']) }), _jsx("p", { children: formatMessage(messages['welcome.page.error.message']) })] })), _jsxs(Form, { children: [fieldList.map((fieldData) => (_jsx(FormFieldRenderer, { fieldData: fieldData, value: values[fieldData.name], onChangeHandler: onChangeHandler }, fieldData.name))), (getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (_jsx("span", { className: "pp-page__support-link", children: _jsx(Hyperlink, { isInline: true, variant: "muted", destination: getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK, target: "_blank", showLaunchIcon: false, onClick: () => (trackProgressiveProfilingSupportLinkClick()), 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(), disabled: loadState !== COMPLETE_STATE || submitState === PENDING_STATE }), _jsx(StatefulButton, { className: "text-gray-700 font-weight-500", type: "button", variant: "link", labels: {
+                                            default: formatMessage(messages['optional.fields.skip.button']),
+                                        }, onClick: handleSkip, onMouseDown: (e) => e.preventDefault() })] })] })] })] }));
+};
+export default ProgressiveProfilingPage;
+//# sourceMappingURL=ProgressiveProfiling.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/ProgressiveProfiling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveProfiling.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/ProgressiveProfiling.jsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from '@openedx/frontend-base';\nimport { getAppConfig } from '@openedx/frontend-base';\nimport { getAuthenticatedUser, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { identifyAuthenticatedUser } from '@openedx/frontend-base';\nimport {\n  Form, Hyperlink, StatefulButton, Alert,\n} from '@openedx/paragon';\nimport messages from './messages';\n\nimport useProgressiveProfilingForm from '../hooks/useProgressiveProfilingForm';\n\nimport BaseContainer from './base-container';\nimport { FormFieldRenderer } from '../field-renderer';\nimport ProgressiveProfilingPageModal from './ProgressiveProfilingPageModal';\n\nimport getThirdPartyAuthContext from './service/getThirdPartyAuthContext';\n\nimport {\n  trackProgressiveProfilingSkipLinkClick, trackProgressiveProfilingSubmitClick,\n  trackProgressiveProfilingSupportLinkClick, trackProgressiveProfilingPageViewed,\n} from '../../tracking/trackers/progressiveProfiling';\n\nimport { PENDING_STATE, COMPLETE_STATE } from '../utils/constants';\n\nimport './index.scss';\n\nconst ProgressiveProfilingPage = () => {\n  const navigate = useNavigate();\n  const { formatMessage } = useIntl();\n  const authenticatedUser = getAuthenticatedUser();\n  const client = getAuthenticatedHttpClient();\n  const {\n    loadState, submitState, error, values, fieldList, onChangeHandler, submit,\n  } = useProgressiveProfilingForm(authenticatedUser.username, client);\n  const [showModal, setShowModal] = useState(false);\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    const success = await submit();\n    if (!success) { return; }\n\n    trackProgressiveProfilingSubmitClick({\n      isGenderSelected: !!values.gender,\n      isYearOfBirthSelected: !!values.year_of_birth,\n      isLevelOfEducationSelected: !!values.level_of_education,\n      isWorkExperienceSelected: !!values.work_experience,\n    });\n    navigate('/', { replace: true });\n  };\n\n  const handleSkip = () => {\n    trackProgressiveProfilingSkipLinkClick();\n    setShowModal(true);\n  };\n\n  const [mfeContext, setMfeContext] = useState(null);\n\n  useEffect(() => {\n    const fetchContext = async () => {\n      try {\n        const data = await getThirdPartyAuthContext();\n        setMfeContext(data);\n      } catch (err) {\n        // Allow the page to render even if enterprise context cannot be fetched.\n        setMfeContext(null);\n      }\n    };\n    fetchContext();\n  }, []);\n\n  useEffect(() => {\n    const userId = authenticatedUser?.userId;\n    if (userId) {\n      identifyAuthenticatedUser(userId);\n      trackProgressiveProfilingPageViewed();\n    }\n  }, [authenticatedUser?.userId]);\n\n  return (\n    <BaseContainer enterpriseBranding={mfeContext}>\n      <Helmet>\n        <title>{formatMessage(\n          messages['progressive.profiling.page.title'],\n          { siteName: getAppConfig().SITE_NAME },\n        )}\n        </title>\n      </Helmet>\n      <ProgressiveProfilingPageModal isOpen={showModal} redirectUrl=\"/\" />\n      <div className=\"mw-xs m-4 pp-page-content\">\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        {error && (\n        <Alert variant=\"danger\">\n          <Alert.Heading>{formatMessage(messages['welcome.page.error.heading'])}</Alert.Heading>\n          <p>{formatMessage(messages['welcome.page.error.message'])}</p>\n        </Alert>\n        )}\n        <Form>\n          {fieldList.map((fieldData) => (\n            <FormFieldRenderer\n              key={fieldData.name}\n              fieldData={fieldData}\n              value={values[fieldData.name]}\n              onChangeHandler={onChangeHandler}\n            />\n          ))}\n          {(getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK) && (\n            <span className=\"pp-page__support-link\">\n              <Hyperlink\n                isInline\n                variant=\"muted\"\n                destination={getAppConfig().AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK}\n                target=\"_blank\"\n                showLaunchIcon={false}\n                onClick={() => (trackProgressiveProfilingSupportLinkClick())}\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              disabled={loadState !== COMPLETE_STATE || submitState === PENDING_STATE}\n            />\n            <StatefulButton\n              className=\"text-gray-700 font-weight-500\"\n              type=\"button\"\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      </div>\n    </BaseContainer>\n  );\n};\n\nexport default ProgressiveProfilingPage;\n"]}