@edx/frontend-app-subscription-learner-dashboard 1.49.0 → 1.51.0

package/dist/containers/Dashboard/DashboardContent.d.ts

@@ -1 +1,14 @@
-export declare const DashboardContent: () => import("react/jsx-runtime").JSX.Element;
+import PropTypes from 'prop-types';
+export declare const DashboardContent: {
+    ({ progressiveProfileStatus }: {
+        progressiveProfileStatus: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        progressiveProfileStatus: PropTypes.Requireable<PropTypes.InferProps<{
+            status: PropTypes.Requireable<string>;
+            answeredQuestions: PropTypes.Requireable<number>;
+            totalQuestions: PropTypes.Requireable<number>;
+            remainingQuestions: PropTypes.Requireable<number>;
+        }>>;
+    };
+};

package/dist/containers/Dashboard/DashboardContent.js

@@ -1,5 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
 import { Row, Col } from '@openedx/paragon';
 import DashboardTabs from './DashboardTabs';
-export const DashboardContent = () => (_jsxs(Row, { children: [_jsx(Col, { xs: 12, lg: 8, children: _jsx(DashboardTabs, {}) }), _jsx(Col, { xs: 12, lg: 4, className: "mt-4", "data-testid": "dashboard-sidebar", children: _jsxs("div", { className: "dashboard-sidebar", children: [_jsx("h2", { children: "Sidebar" }), _jsx("p", { children: "This is the sidebar content." })] }) })] }));
+import ProgressiveProfilingElements from '../../widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/ProgressiveProfilingElements';
+export const DashboardContent = ({ progressiveProfileStatus }) => (_jsxs(Row, { children: [_jsx(Col, { xs: 12, lg: 8, children: _jsx(DashboardTabs, {}) }), _jsx(Col, { xs: 12, lg: 4, className: "mt-4", "data-testid": "dashboard-sidebar", children: _jsx("div", { className: "p-4", children: _jsx(ProgressiveProfilingElements, { progressiveProfileStatus: progressiveProfileStatus, orientation: "vertical" }) }) })] }));
+DashboardContent.propTypes = {
+    progressiveProfileStatus: PropTypes.shape({
+        status: PropTypes.oneOf(['not_started', 'incomplete', 'complete']),
+        answeredQuestions: PropTypes.number,
+        totalQuestions: PropTypes.number,
+        remainingQuestions: PropTypes.number,
+    }),
+};
 //# sourceMappingURL=DashboardContent.js.map

package/dist/containers/Dashboard/DashboardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardContent.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/DashboardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CACpC,MAAC,GAAG,eACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YAChB,KAAC,aAAa,KAAG,GACb,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,iBAAa,mBAAmB,YAClE,eAAK,SAAS,EAAC,mBAAmB,aAEhC,mCAAgB,EAChB,uDAAmC,IAC/B,GACF,IACF,CACP,CAAC","sourcesContent":["import { Row, Col } from '@openedx/paragon';\nimport DashboardTabs from './DashboardTabs';\n\nexport const DashboardContent = () => (\n  <Row>\n    <Col xs={12} lg={8}>\n      <DashboardTabs />\n    </Col>\n    <Col xs={12} lg={4} className=\"mt-4\" data-testid=\"dashboard-sidebar\">\n      <div className=\"dashboard-sidebar\">\n        {/* Temporary Content added, will be replaced with actual sidebar content */}\n        <h2>Sidebar</h2>\n        <p>This is the sidebar content.</p>\n      </div>\n    </Col>\n  </Row>\n);\n"]}
+{"version":3,"file":"DashboardContent.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/DashboardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,4BAA4B,MAAM,iGAAiG,CAAC;AAE3I,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAChE,MAAC,GAAG,eACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YAChB,KAAC,aAAa,KAAG,GACb,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,iBAAa,mBAAmB,YAClE,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,4BAA4B,IAAC,wBAAwB,EAAE,wBAAwB,EAAE,WAAW,EAAC,UAAU,GAAG,GACvG,GACF,IACF,CACP,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,wBAAwB,EAAE,SAAS,CAAC,KAAK,CAAC;QACxC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QAClE,iBAAiB,EAAE,SAAS,CAAC,MAAM;QACnC,cAAc,EAAE,SAAS,CAAC,MAAM;QAChC,kBAAkB,EAAE,SAAS,CAAC,MAAM;KACrC,CAAC;CACH,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { Row, Col } from '@openedx/paragon';\nimport DashboardTabs from './DashboardTabs';\nimport ProgressiveProfilingElements from '@src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/ProgressiveProfilingElements';\n\nexport const DashboardContent = ({ progressiveProfileStatus }) => (\n  <Row>\n    <Col xs={12} lg={8}>\n      <DashboardTabs />\n    </Col>\n    <Col xs={12} lg={4} className=\"mt-4\" data-testid=\"dashboard-sidebar\">\n      <div className=\"p-4\">\n        <ProgressiveProfilingElements progressiveProfileStatus={progressiveProfileStatus} orientation=\"vertical\" />\n      </div>\n    </Col>\n  </Row>\n);\n\nDashboardContent.propTypes = {\n  progressiveProfileStatus: PropTypes.shape({\n    status: PropTypes.oneOf(['not_started', 'incomplete', 'complete']),\n    answeredQuestions: PropTypes.number,\n    totalQuestions: PropTypes.number,\n    remainingQuestions: PropTypes.number,\n  }),\n};\n"]}

package/dist/containers/Dashboard/index.js

@@ -14,8 +14,10 @@ import './index.scss';
 import { SubscriptionBanner } from '../SubscriptionBanner';
 import { useInitializeSubsDashboard } from '../../data/hooks';
 import DashboardHeroSlot from '../../slots/DashboardHeroSlot';
+import { useAnswers } from '../../widgets/ProgressiveProfilingQuiz/data/queryHooks';
 export const Dashboard = () => {
     const { data, isPending } = useInitializeSubsCourseDashboard();
+    const { data: ProgressiveProfileStatus } = useAnswers();
     const { data: learnerData } = useInitializeSubsDashboard();
     const { pageTitle } = hooks.useDashboardMessages();
     const { selectSessionModal } = useSelectSessionModal();
@@ -23,7 +25,7 @@ export const Dashboard = () => {
     const learnerSubscriptionData = (learnerData === null || learnerData === void 0 ? void 0 : learnerData.userSubscription) || {};
     const userSubscriptionStartDate = (learnerSubscriptionData === null || learnerSubscriptionData === void 0 ? void 0 : learnerSubscriptionData.subscriptionStartDate) || '';
     const hasCourses = useMemo(() => { var _a; return ((_a = data === null || data === void 0 ? void 0 : data.subscriptionCourses) === null || _a === void 0 ? void 0 : _a.length) > 0; }, [data]);
-    return (_jsx("div", { id: "learnerdashboardroot", children: _jsx("main", { children: _jsxs("div", { id: "dashboard-container", className: "d-flex flex-column p-2 pt-0", children: [_jsx("h1", { className: "sr-only", children: pageTitle }), !isPending && (_jsxs(_Fragment, { children: [_jsx(DashboardModalSlot, {}), (hasCourses && showSelectSessionModal) && _jsx(SelectSessionModal, {})] })), _jsx("div", { id: "dashboard-content", "data-testid": "dashboard-content", children: _jsxs(DashboardLayout, { children: [_jsx(DashboardHeader, { startDate: userSubscriptionStartDate }), _jsx(SubscriptionBanner, { learnerSubscriptionData: learnerSubscriptionData }), _jsx(DashboardHeroSlot, {}), _jsx(DashboardContent, {}), _jsx(PopularCoursePanel, {}), _jsx(PopularProgramsPanel, {})] }) })] }) }) }));
+    return (_jsx("div", { id: "learnerdashboardroot", children: _jsx("main", { children: _jsxs("div", { id: "dashboard-container", className: "d-flex flex-column p-2 pt-0", children: [_jsx("h1", { className: "sr-only", children: pageTitle }), !isPending && (_jsxs(_Fragment, { children: [_jsx(DashboardModalSlot, {}), (hasCourses && showSelectSessionModal) && _jsx(SelectSessionModal, {})] })), _jsx("div", { id: "dashboard-content", "data-testid": "dashboard-content", children: _jsxs(DashboardLayout, { children: [_jsx(DashboardHeader, { startDate: userSubscriptionStartDate }), _jsx(SubscriptionBanner, { learnerSubscriptionData: learnerSubscriptionData }), _jsx(DashboardHeroSlot, {}), _jsx(DashboardContent, { progressiveProfileStatus: ProgressiveProfileStatus === null || ProgressiveProfileStatus === void 0 ? void 0 : ProgressiveProfileStatus.progressiveProfileStatus }), _jsx(PopularCoursePanel, {}), _jsx(PopularProgramsPanel, {})] }) })] }) }) }));
 };
 export default Dashboard;
 //# sourceMappingURL=index.js.map

package/dist/containers/Dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAG7D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gCAAgC,EAAE,CAAC;IAC/D,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACnD,MAAM,EAAE,kBAAkB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACvD,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,MAAM,KAAK,IAAI,CAAC;IAClE,MAAM,uBAAuB,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,KAAI,EAAE,CAAC;IACpE,MAAM,yBAAyB,GAAG,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,qBAAqB,KAAI,EAAE,CAAC;IAEvF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhF,OAAO,CACL,cAAK,EAAE,EAAC,sBAAsB,YAC5B,yBACE,eAAK,EAAE,EAAC,qBAAqB,EAAC,SAAS,EAAC,6BAA6B,aACnE,aAAI,SAAS,EAAC,SAAS,YAAE,SAAS,GAAM,EACvC,CAAC,SAAS,IAAI,CACb,8BACE,KAAC,kBAAkB,KAAG,EACrB,CAAC,UAAU,IAAI,sBAAsB,CAAC,IAAI,KAAC,kBAAkB,KAAG,IAChE,CACJ,EACD,cAAK,EAAE,EAAC,mBAAmB,iBAAa,mBAAmB,YACzD,MAAC,eAAe,eACd,KAAC,eAAe,IAAC,SAAS,EAAE,yBAAyB,GAAI,EACzD,KAAC,kBAAkB,IAAC,uBAAuB,EAAE,uBAAuB,GAAI,EACxE,KAAC,iBAAiB,KAAG,EACrB,KAAC,gBAAgB,KAAG,EACpB,KAAC,kBAAkB,KAAG,EACtB,KAAC,oBAAoB,KAAG,IACR,GACd,IACF,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { DashboardHeader } from './DashboardHeader';\n\nimport { useSelectSessionModal } from '@src/data/context';\nimport { useInitializeSubsCourseDashboard } from '@src/data/hooks';\nimport SelectSessionModal from '../../containers/SelectSessionModal';\nimport { DashboardContent } from './DashboardContent';\nimport DashboardModalSlot from '../../slots/DashboardModalSlot';\nimport PopularCoursePanel from '../PopularCoursePanel';\nimport PopularProgramsPanel from '../PopularProgramsPanel';\n\nimport DashboardLayout from './DashboardLayout';\n\nimport hooks from './hooks';\nimport './index.scss';\nimport { SubscriptionBanner } from '../SubscriptionBanner';\nimport { useInitializeSubsDashboard } from '@src/data/hooks';\nimport DashboardHeroSlot from '@src/slots/DashboardHeroSlot';\n\n\nexport const Dashboard = () => {\n  const { data, isPending } = useInitializeSubsCourseDashboard();\n  const { data: learnerData } = useInitializeSubsDashboard();\n  const { pageTitle } = hooks.useDashboardMessages();\n  const { selectSessionModal } = useSelectSessionModal();\n  const showSelectSessionModal = selectSessionModal.cardId !== null;\n  const learnerSubscriptionData = learnerData?.userSubscription || {};\n  const userSubscriptionStartDate = learnerSubscriptionData?.subscriptionStartDate || '';\n\n  const hasCourses = useMemo(() => data?.subscriptionCourses?.length > 0, [data]);\n\n  return (\n    <div id=\"learnerdashboardroot\">\n      <main>\n        <div id=\"dashboard-container\" className=\"d-flex flex-column p-2 pt-0\">\n          <h1 className=\"sr-only\">{pageTitle}</h1>\n          {!isPending && (\n            <>\n              <DashboardModalSlot />\n              {(hasCourses && showSelectSessionModal) && <SelectSessionModal />}\n            </>\n          )}\n          <div id=\"dashboard-content\" data-testid=\"dashboard-content\">\n            <DashboardLayout>\n              <DashboardHeader startDate={userSubscriptionStartDate} />\n              <SubscriptionBanner learnerSubscriptionData={learnerSubscriptionData} />\n              <DashboardHeroSlot />\n              <DashboardContent />\n              <PopularCoursePanel />\n              <PopularProgramsPanel />\n            </DashboardLayout>\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Dashboard;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAGnF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gCAAgC,EAAE,CAAC;IAC/D,MAAM,EAAE,IAAI,EAAE,wBAAwB,EAAE,GAAG,UAAU,EAAE,CAAC;IACxD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACnD,MAAM,EAAE,kBAAkB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACvD,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,MAAM,KAAK,IAAI,CAAC;IAClE,MAAM,uBAAuB,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,KAAI,EAAE,CAAC;IACpE,MAAM,yBAAyB,GAAG,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,qBAAqB,KAAI,EAAE,CAAC;IACvF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhF,OAAO,CACL,cAAK,EAAE,EAAC,sBAAsB,YAC5B,yBACE,eAAK,EAAE,EAAC,qBAAqB,EAAC,SAAS,EAAC,6BAA6B,aACnE,aAAI,SAAS,EAAC,SAAS,YAAE,SAAS,GAAM,EACvC,CAAC,SAAS,IAAI,CACb,8BACE,KAAC,kBAAkB,KAAG,EACrB,CAAC,UAAU,IAAI,sBAAsB,CAAC,IAAI,KAAC,kBAAkB,KAAG,IAChE,CACJ,EACD,cAAK,EAAE,EAAC,mBAAmB,iBAAa,mBAAmB,YACzD,MAAC,eAAe,eACd,KAAC,eAAe,IAAC,SAAS,EAAE,yBAAyB,GAAI,EACzD,KAAC,kBAAkB,IAAC,uBAAuB,EAAE,uBAAuB,GAAI,EACxE,KAAC,iBAAiB,KAAG,EACrB,KAAC,gBAAgB,IAAC,wBAAwB,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,wBAAwB,GAAG,EACjG,KAAC,kBAAkB,KAAG,EACtB,KAAC,oBAAoB,KAAG,IACR,GACd,IACF,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { DashboardHeader } from './DashboardHeader';\n\nimport { useSelectSessionModal } from '@src/data/context';\nimport { useInitializeSubsCourseDashboard } from '@src/data/hooks';\nimport SelectSessionModal from '../../containers/SelectSessionModal';\nimport { DashboardContent } from './DashboardContent';\nimport DashboardModalSlot from '../../slots/DashboardModalSlot';\nimport PopularCoursePanel from '../PopularCoursePanel';\nimport PopularProgramsPanel from '../PopularProgramsPanel';\n\nimport DashboardLayout from './DashboardLayout';\n\nimport hooks from './hooks';\nimport './index.scss';\nimport { SubscriptionBanner } from '../SubscriptionBanner';\nimport { useInitializeSubsDashboard } from '@src/data/hooks';\nimport DashboardHeroSlot from '@src/slots/DashboardHeroSlot';\nimport { useAnswers } from '@src/widgets/ProgressiveProfilingQuiz/data/queryHooks';\n\n\nexport const Dashboard = () => {\n  const { data, isPending } = useInitializeSubsCourseDashboard();\n  const { data: ProgressiveProfileStatus } = useAnswers();\n  const { data: learnerData } = useInitializeSubsDashboard();\n  const { pageTitle } = hooks.useDashboardMessages();\n  const { selectSessionModal } = useSelectSessionModal();\n  const showSelectSessionModal = selectSessionModal.cardId !== null;\n  const learnerSubscriptionData = learnerData?.userSubscription || {};\n  const userSubscriptionStartDate = learnerSubscriptionData?.subscriptionStartDate || '';\n  const hasCourses = useMemo(() => data?.subscriptionCourses?.length > 0, [data]);\n\n  return (\n    <div id=\"learnerdashboardroot\">\n      <main>\n        <div id=\"dashboard-container\" className=\"d-flex flex-column p-2 pt-0\">\n          <h1 className=\"sr-only\">{pageTitle}</h1>\n          {!isPending && (\n            <>\n              <DashboardModalSlot />\n              {(hasCourses && showSelectSessionModal) && <SelectSessionModal />}\n            </>\n          )}\n          <div id=\"dashboard-content\" data-testid=\"dashboard-content\">\n            <DashboardLayout>\n              <DashboardHeader startDate={userSubscriptionStartDate} />\n              <SubscriptionBanner learnerSubscriptionData={learnerSubscriptionData} />\n              <DashboardHeroSlot />\n              <DashboardContent progressiveProfileStatus={ProgressiveProfileStatus?.progressiveProfileStatus}/>\n              <PopularCoursePanel />\n              <PopularProgramsPanel />\n            </DashboardLayout>\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Dashboard;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/ProgressiveProfilingElements.d.ts

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+declare const ProgressiveProfilingElements: {
+    ({ progressiveProfileStatus, orientation }: {
+        progressiveProfileStatus: any;
+        orientation: any;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    propTypes: {
+        progressiveProfileStatus: PropTypes.Requireable<PropTypes.InferProps<{
+            status: PropTypes.Requireable<string>;
+            answeredQuestions: PropTypes.Requireable<number>;
+            totalQuestions: PropTypes.Requireable<number>;
+            remainingQuestions: PropTypes.Requireable<number>;
+        }>>;
+        orientation: PropTypes.Requireable<string>;
+    };
+};
+export default ProgressiveProfilingElements;

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/ProgressiveProfilingElements.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import messages from './messages';
+import { Card } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import ActionButton from '../../../containers/CourseCard/components/CourseCardActions/ActionButton';
+import { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';
+const ProgressiveProfilingElements = ({ progressiveProfileStatus, orientation }) => {
+    const { openModal } = useProgressiveProfilingQuiz();
+    const { formatMessage } = useIntl();
+    const { status, remainingQuestions, } = progressiveProfileStatus || {};
+    if (!progressiveProfileStatus)
+        return null;
+    const descriptionValues = Object.assign(Object.assign({}, (status === 'incomplete' && { remaining_questions: remainingQuestions })), (status === 'complete' && {
+        strong: (chunks) => _jsx("strong", { children: chunks }),
+    }));
+    return (_jsx("div", { "data-testid": "ProgressiveProfileStatus", children: _jsx(Card, { orientation: orientation, children: _jsxs("div", { className: "d-flex flex-column w-100 p-4", children: [status !== 'complete' && (_jsx("h6", { children: formatMessage(messages[`${status}_title`]) })), _jsx("p", { className: "small text-gray-700", children: formatMessage(messages[`${status}_description`], descriptionValues) }), _jsx(ActionButton, { variant: "outline-brand", size: "sm", style: { maxWidth: '12.5rem' }, onClick: openModal, children: formatMessage(messages[`${status}_button`]) })] }) }) }));
+};
+ProgressiveProfilingElements.propTypes = {
+    progressiveProfileStatus: PropTypes.shape({
+        status: PropTypes.oneOf(['not_started', 'incomplete', 'complete']),
+        answeredQuestions: PropTypes.number,
+        totalQuestions: PropTypes.number,
+        remainingQuestions: PropTypes.number,
+    }),
+    orientation: PropTypes.string,
+};
+export default ProgressiveProfilingElements;
+//# sourceMappingURL=ProgressiveProfilingElements.js.map

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/ProgressiveProfilingElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveProfilingElements.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/ProgressiveProfilingElements.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,YAAY,MAAM,sEAAsE,CAAC;AAChG,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAElF,MAAM,4BAA4B,GAAG,CAAC,EAAE,wBAAwB,EAAE,WAAW,EAAE,EAAE,EAAE;IACjF,MAAM,EAAE,SAAS,EAAE,GAAG,2BAA2B,EAAE,CAAC;IACpD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,EACJ,MAAM,EACN,kBAAkB,GACnB,GAAG,wBAAwB,IAAI,EAAE,CAAC;IAEnC,IAAI,CAAC,wBAAwB;QAAE,OAAO,IAAI,CAAC;IAE3C,MAAM,iBAAiB,mCAClB,CAAC,MAAM,KAAK,YAAY,IAAI,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC,GACxE,CAAC,MAAM,KAAK,UAAU,IAAI;QAC3B,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,2BAAS,MAAM,GAAU;KAC9C,CAAC,CACH,CAAC;IAEF,OAAO,CACL,6BAAiB,0BAA0B,YACzC,KAAC,IAAI,IAAC,WAAW,EAAE,WAAW,YAC5B,eAAK,SAAS,EAAC,8BAA8B,aAC1C,MAAM,KAAK,UAAU,IAAI,CACxB,uBAAK,aAAa,CAAC,QAAQ,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,GAAM,CACtD,EACD,YAAG,SAAS,EAAC,qBAAqB,YAC/B,aAAa,CACZ,QAAQ,CAAC,GAAG,MAAM,cAAc,CAAC,EACjC,iBAAiB,CAClB,GACC,EACJ,KAAC,YAAY,IACX,OAAO,EAAC,eAAe,EACvB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC9B,OAAO,EAAE,SAAS,YAEjB,aAAa,CAAC,QAAQ,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC,GAC/B,IACX,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,4BAA4B,CAAC,SAAS,GAAG;IACvC,wBAAwB,EAAE,SAAS,CAAC,KAAK,CAAC;QACxC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QAClE,iBAAiB,EAAE,SAAS,CAAC,MAAM;QACnC,cAAc,EAAE,SAAS,CAAC,MAAM;QAChC,kBAAkB,EAAE,SAAS,CAAC,MAAM;KACrC,CAAC;IACF,WAAW,EAAE,SAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,eAAe,4BAA4B,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport messages from './messages';\nimport { Card } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport ActionButton from '@src/containers/CourseCard/components/CourseCardActions/ActionButton';\nimport { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';\n\nconst ProgressiveProfilingElements = ({ progressiveProfileStatus, orientation }) => {\n  const { openModal } = useProgressiveProfilingQuiz();\n  const { formatMessage } = useIntl();\n\n  const {\n    status,\n    remainingQuestions,\n  } = progressiveProfileStatus || {};\n\n  if (!progressiveProfileStatus) return null;\n\n  const descriptionValues = {\n    ...(status === 'incomplete' && { remaining_questions: remainingQuestions }),\n    ...(status === 'complete' && {\n      strong: (chunks) => <strong>{chunks}</strong>,\n    }),\n  };\n\n  return (\n    <div data-testid=\"ProgressiveProfileStatus\">\n      <Card orientation={orientation}>\n        <div className=\"d-flex flex-column w-100 p-4\">\n          {status !== 'complete' && (\n            <h6>{formatMessage(messages[`${status}_title`])}</h6>\n          )}\n          <p className=\"small text-gray-700\">\n            {formatMessage(\n              messages[`${status}_description`],\n              descriptionValues,\n            )}\n          </p>\n          <ActionButton\n            variant=\"outline-brand\"\n            size=\"sm\"\n            style={{ maxWidth: '12.5rem' }}\n            onClick={openModal}\n          >\n            {formatMessage(messages[`${status}_button`])}\n          </ActionButton>\n        </div>\n      </Card>\n    </div>\n  );\n};\n\nProgressiveProfilingElements.propTypes = {\n  progressiveProfileStatus: PropTypes.shape({\n    status: PropTypes.oneOf(['not_started', 'incomplete', 'complete']),\n    answeredQuestions: PropTypes.number,\n    totalQuestions: PropTypes.number,\n    remainingQuestions: PropTypes.number,\n  }),\n  orientation: PropTypes.string,\n};\n\nexport default ProgressiveProfilingElements;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/messages.d.ts

@@ -0,0 +1,43 @@
+declare const messages: {
+    not_started_title: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    incomplete_title: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    not_started_description: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    incomplete_description: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    complete_description: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    not_started_button: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    incomplete_button: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    complete_button: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/messages.js

@@ -0,0 +1,45 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    not_started_title: {
+        id: 'progressiveProfilingQuiz.not_started.title',
+        defaultMessage: 'What is motivating you to study and learn on edx?',
+        description: 'Title for the progressive profiling quiz when not started',
+    },
+    incomplete_title: {
+        id: 'progressiveProfilingQuiz.incomplete.title',
+        defaultMessage: 'What do you want to learn?',
+        description: 'Title for the progressive profiling quiz when incomplete',
+    },
+    not_started_description: {
+        id: 'progressiveProfilingQuiz.not_started.description',
+        defaultMessage: 'Tell us what more about you and get better course recommendations.',
+        description: 'Description for the progressive profiling quiz when not started',
+    },
+    incomplete_description: {
+        id: 'progressiveProfilingQuiz.incomplete.description',
+        defaultMessage: 'Answer {remaining_questions, plural, one {# more question} other {# more questions}} and get better course recommendations.',
+        description: 'Description for the progressive profiling quiz when incomplete',
+    },
+    complete_description: {
+        id: 'progressiveProfilingQuiz.complete.description',
+        defaultMessage: 'Your learning on edX to <strong>advance your career</strong> and you’re interested in Business & Management and Leadership.',
+        description: 'Description for the progressive profiling quiz when complete',
+    },
+    not_started_button: {
+        id: 'progressiveProfilingQuiz.not_started.button',
+        defaultMessage: 'Share my goals',
+        description: 'Button text for the progressive profiling quiz when not started',
+    },
+    incomplete_button: {
+        id: 'progressiveProfilingQuiz.incomplete.button',
+        defaultMessage: 'Finish sharing my goals',
+        description: 'Button text for the progressive profiling quiz when incomplete',
+    },
+    complete_button: {
+        id: 'progressiveProfilingQuiz.complete.button',
+        defaultMessage: 'Update my goals',
+        description: 'Button text for the progressive profiling quiz when complete',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingElements/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,iBAAiB,EAAE;QACjB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,mDAAmD;QACnE,WAAW,EAAE,2DAA2D;KACzE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,0DAA0D;KACxE;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,oEAAoE;QACpF,WAAW,EAAE,iEAAiE;KAC/E;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,iDAAiD;QACrD,cAAc,EACN,6HAA6H;QACrI,WAAW,EAAE,gEAAgE;KAC9E;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,6HAA6H;QAC7I,WAAW,EAAE,8DAA8D;KAC5E;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,iEAAiE;KAC/E;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,gEAAgE;KAC9E;IACD,eAAe,EAAE;QACf,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,8DAA8D;KAC5E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  not_started_title: {\n    id: 'progressiveProfilingQuiz.not_started.title',\n    defaultMessage: 'What is motivating you to study and learn on edx?',\n    description: 'Title for the progressive profiling quiz when not started',\n  },\n  incomplete_title: {\n    id: 'progressiveProfilingQuiz.incomplete.title',\n    defaultMessage: 'What do you want to learn?',\n    description: 'Title for the progressive profiling quiz when incomplete',\n  },\n  not_started_description: {\n    id: 'progressiveProfilingQuiz.not_started.description',\n    defaultMessage: 'Tell us what more about you and get better course recommendations.',\n    description: 'Description for the progressive profiling quiz when not started',\n  },\n  incomplete_description: {\n    id: 'progressiveProfilingQuiz.incomplete.description',\n    defaultMessage:\n            'Answer {remaining_questions, plural, one {# more question} other {# more questions}} and get better course recommendations.',\n    description: 'Description for the progressive profiling quiz when incomplete',\n  },\n  complete_description: {\n    id: 'progressiveProfilingQuiz.complete.description',\n    defaultMessage: 'Your learning on edX to <strong>advance your career</strong> and you’re interested in Business & Management and Leadership.',\n    description: 'Description for the progressive profiling quiz when complete',\n  },\n  not_started_button: {\n    id: 'progressiveProfilingQuiz.not_started.button',\n    defaultMessage: 'Share my goals',\n    description: 'Button text for the progressive profiling quiz when not started',\n  },\n  incomplete_button: {\n    id: 'progressiveProfilingQuiz.incomplete.button',\n    defaultMessage: 'Finish sharing my goals',\n    description: 'Button text for the progressive profiling quiz when incomplete',\n  },\n  complete_button: {\n    id: 'progressiveProfilingQuiz.complete.button',\n    defaultMessage: 'Update my goals',\n    description: 'Button text for the progressive profiling quiz when complete',\n  },\n});\n\nexport default messages;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { StoredAnswerRecord } from './data/api/fetchAnswers';
+import { StoredAnswerRecord, ProgressiveProfileStatus } from './data/api/fetchAnswers';
 import { QuizAnswerRecord } from './data/types';
 interface ProgressiveProfilingQuizContextType {
     isModalOpen: boolean;
@@ -13,6 +13,7 @@ interface ProgressiveProfilingQuizContextType {
     recordAnswer: (answer: QuizAnswerRecord) => void;
     isComplete: boolean;
     setIsComplete: (isComplete: boolean) => void;
+    progressiveProfileStatus: ProgressiveProfileStatus | undefined;
 }
 interface ProgressiveProfilingQuizProviderProps {
     children: ReactNode;

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider.js

@@ -9,9 +9,10 @@ export const ProgressiveProfilingQuizProvider = ({ children }) => {
     const [isComplete, setIsComplete] = useState(false);
     const { data: storedAnswers } = useAnswers();
     const { mutate: saveAnswers } = useSaveAnswers();
+    const progressiveProfileStatus = storedAnswers === null || storedAnswers === void 0 ? void 0 : storedAnswers.progressiveProfileStatus;
     useEffect(() => {
-        if (storedAnswers) {
-            setAnswers(prev => (Object.assign(Object.assign({}, storedAnswers), prev)));
+        if (storedAnswers === null || storedAnswers === void 0 ? void 0 : storedAnswers.answers) {
+            setAnswers(prev => (Object.assign(Object.assign({}, storedAnswers.answers), prev)));
         }
     }, [storedAnswers]);
     const openModal = useCallback(() => setIsModalOpen(true), []);
@@ -38,11 +39,13 @@ export const ProgressiveProfilingQuizProvider = ({ children }) => {
         recordAnswer,
         isComplete,
         setIsComplete,
+        progressiveProfileStatus,
     }), [
         isModalOpen, openModal, closeModal,
         currentStep, goToNextStep, goToPreviousStep,
         answers, recordAnswer,
         isComplete,
+        progressiveProfileStatus,
     ]);
     return (_jsx(ProgressiveProfilingQuizContext.Provider, { value: contextValue, children: children }));
 };

package/dist/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressiveProfilingQuizProvider.js","sourceRoot":"","sources":["../../../src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  createContext, useContext, useEffect, useMemo, useState, ReactNode, useCallback,\n} from 'react';\n\nimport { StoredAnswerRecord } from './data/api/fetchAnswers';\nimport { useAnswers, useSaveAnswers } from './data/queryHooks';\nimport { QuizAnswerRecord } from './data/types';\n\ninterface ProgressiveProfilingQuizContextType {\n  isModalOpen: boolean,\n  openModal: () => void,\n  closeModal: () => void,\n  currentStep: number,\n  setCurrentStep: (step: number) => void,\n  goToNextStep: () => void,\n  goToPreviousStep: () => void,\n  answers: Record<string, QuizAnswerRecord | StoredAnswerRecord>,\n  recordAnswer: (answer: QuizAnswerRecord) => void,\n  isComplete: boolean,\n  setIsComplete: (isComplete: boolean) => void,\n}\n\nconst ProgressiveProfilingQuizContext = createContext<ProgressiveProfilingQuizContextType | null>(null);\n\ninterface ProgressiveProfilingQuizProviderProps {\n  children: ReactNode,\n}\n\nexport const ProgressiveProfilingQuizProvider: React.FC<ProgressiveProfilingQuizProviderProps> = ({ children }) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [currentStep, setCurrentStep] = useState(0);\n  const [answers, setAnswers] = useState<Record<string, QuizAnswerRecord | StoredAnswerRecord>>({});\n  const [isComplete, setIsComplete] = useState(false);\n\n  const { data: storedAnswers } = useAnswers();\n  const { mutate: saveAnswers } = useSaveAnswers();\n\n  useEffect(() => {\n    if (storedAnswers) {\n      setAnswers(prev => ({ ...storedAnswers, ...prev }));\n    }\n  }, [storedAnswers]);\n\n  const openModal = useCallback(() => setIsModalOpen(true), []);\n  const closeModal = useCallback(() => {\n    setIsModalOpen(false);\n    if (Object.keys(answers).length > 0) {\n      saveAnswers(answers);\n    }\n  }, [answers, saveAnswers]);\n\n  const goToNextStep = useCallback(() => setCurrentStep(prev => prev + 1), []);\n  const goToPreviousStep = useCallback(() => setCurrentStep(prev => Math.max(0, prev - 1)), []);\n\n  const recordAnswer = useCallback((answer: QuizAnswerRecord) => {\n    setAnswers(prev => ({ ...prev, [answer.questionId]: answer }));\n  }, []);\n\n  const contextValue = useMemo(() => ({\n    isModalOpen,\n    openModal,\n    closeModal,\n    currentStep,\n    setCurrentStep,\n    goToNextStep,\n    goToPreviousStep,\n    answers,\n    recordAnswer,\n    isComplete,\n    setIsComplete,\n  }), [\n    isModalOpen, openModal, closeModal,\n    currentStep, goToNextStep, goToPreviousStep,\n    answers, recordAnswer,\n    isComplete,\n  ]);\n\n  return (\n    <ProgressiveProfilingQuizContext.Provider value={contextValue}>\n      {children}\n    </ProgressiveProfilingQuizContext.Provider>\n  );\n};\n\nexport const useProgressiveProfilingQuiz = (): ProgressiveProfilingQuizContextType => {\n  const context = useContext(ProgressiveProfilingQuizContext);\n  if (!context) {\n    throw new Error('useProgressiveProfilingQuiz must be used within a ProgressiveProfilingQuizProvider');\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"ProgressiveProfilingQuizProvider.js","sourceRoot":"","sources":["../../../src/widgets/ProgressiveProfilingQuiz/ProgressiveProfilingQuizProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  createContext, useContext, useEffect, useMemo, useState, ReactNode, useCallback,\n} from 'react';\n\nimport { StoredAnswerRecord, ProgressiveProfileStatus } from './data/api/fetchAnswers';\nimport { useAnswers, useSaveAnswers } from './data/queryHooks';\nimport { QuizAnswerRecord } from './data/types';\n\ninterface ProgressiveProfilingQuizContextType {\n  isModalOpen: boolean,\n  openModal: () => void,\n  closeModal: () => void,\n  currentStep: number,\n  setCurrentStep: (step: number) => void,\n  goToNextStep: () => void,\n  goToPreviousStep: () => void,\n  answers: Record<string, QuizAnswerRecord | StoredAnswerRecord>,\n  recordAnswer: (answer: QuizAnswerRecord) => void,\n  isComplete: boolean,\n  setIsComplete: (isComplete: boolean) => void,\n  progressiveProfileStatus: ProgressiveProfileStatus | undefined,\n}\n\nconst ProgressiveProfilingQuizContext = createContext<ProgressiveProfilingQuizContextType | null>(null);\n\ninterface ProgressiveProfilingQuizProviderProps {\n  children: ReactNode,\n}\n\nexport const ProgressiveProfilingQuizProvider: React.FC<ProgressiveProfilingQuizProviderProps> = ({ children }) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [currentStep, setCurrentStep] = useState(0);\n  const [answers, setAnswers] = useState<Record<string, QuizAnswerRecord | StoredAnswerRecord>>({});\n  const [isComplete, setIsComplete] = useState(false);\n\n  const { data: storedAnswers } = useAnswers();\n  const { mutate: saveAnswers } = useSaveAnswers();\n  const progressiveProfileStatus = storedAnswers?.progressiveProfileStatus;\n\n  useEffect(() => {\n    if (storedAnswers?.answers) {\n      setAnswers(prev => ({ ...storedAnswers.answers, ...prev }));\n    }\n  }, [storedAnswers]);\n\n  const openModal = useCallback(() => setIsModalOpen(true), []);\n  const closeModal = useCallback(() => {\n    setIsModalOpen(false);\n    if (Object.keys(answers).length > 0) {\n      saveAnswers(answers);\n    }\n  }, [answers, saveAnswers]);\n\n  const goToNextStep = useCallback(() => setCurrentStep(prev => prev + 1), []);\n  const goToPreviousStep = useCallback(() => setCurrentStep(prev => Math.max(0, prev - 1)), []);\n\n  const recordAnswer = useCallback((answer: QuizAnswerRecord) => {\n    setAnswers(prev => ({ ...prev, [answer.questionId]: answer }));\n  }, []);\n\n  const contextValue = useMemo(() => ({\n    isModalOpen,\n    openModal,\n    closeModal,\n    currentStep,\n    setCurrentStep,\n    goToNextStep,\n    goToPreviousStep,\n    answers,\n    recordAnswer,\n    isComplete,\n    setIsComplete,\n    progressiveProfileStatus,\n  }), [\n    isModalOpen, openModal, closeModal,\n    currentStep, goToNextStep, goToPreviousStep,\n    answers, recordAnswer,\n    isComplete,\n    progressiveProfileStatus,\n  ]);\n\n  return (\n    <ProgressiveProfilingQuizContext.Provider value={contextValue}>\n      {children}\n    </ProgressiveProfilingQuizContext.Provider>\n  );\n};\n\nexport const useProgressiveProfilingQuiz = (): ProgressiveProfilingQuizContextType => {\n  const context = useContext(ProgressiveProfilingQuizContext);\n  if (!context) {\n    throw new Error('useProgressiveProfilingQuiz must be used within a ProgressiveProfilingQuizProvider');\n  }\n  return context;\n};\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/Banner.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+interface BannerProps {
+    title: ReactNode;
+    buttonText: string;
+    isOpen: () => void;
+}
+export declare const Banner: FC<BannerProps>;
+export {};

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/Banner.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+export const Banner = ({ title, buttonText, isOpen }) => {
+    return (_jsx("div", { className: "rounded shadow-sm bg-light-200 px-4 py-3 mb-3", children: _jsxs("div", { className: "d-flex justify-content-center align-items-center gap-3 flex-wrap", children: [_jsx("p", { className: "mb-0 text-center text-md-left", "data-testid": "banner-title", children: title }), _jsx(Button, { variant: "outline-brand", onClick: isOpen, "data-testid": "banner-button", children: buttonText })] }) }));
+};
+//# sourceMappingURL=Banner.js.map

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/SearchPageBanners/Banner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,cAAK,SAAS,EAAC,+CAA+C,YAC5D,eAAK,SAAS,EAAC,kEAAkE,aAC/E,YAAG,SAAS,EAAC,+BAA+B,iBAAa,cAAc,YAAE,KAAK,GAAK,EACnF,KAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,OAAO,EAAE,MAAM,iBAAc,eAAe,YACzE,UAAU,GACJ,IACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC, ReactNode } from 'react';\nimport { Button } from '@openedx/paragon';\n\ninterface BannerProps {\n  title: ReactNode,\n  buttonText: string,\n  isOpen: () => void,\n}\n\nexport const Banner: FC<BannerProps> = ({ title, buttonText, isOpen }) => {\n  return (\n    <div className=\"rounded shadow-sm bg-light-200 px-4 py-3 mb-3\">\n      <div className=\"d-flex justify-content-center align-items-center gap-3 flex-wrap\">\n        <p className=\"mb-0 text-center text-md-left\" data-testid=\"banner-title\">{title}</p>\n        <Button variant=\"outline-brand\" onClick={isOpen} data-testid=\"banner-button\">\n          {buttonText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/BannerEntry.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+/**
+ * Single slot entry point.
+ * Reads progressive profiling state from context and selects one CTA.
+ */
+export declare const BannerEntry: FC;

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/BannerEntry.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';
+import { useIntl } from '@openedx/frontend-base';
+import { Banner } from './Banner';
+import messages from './messages';
+import { PROGRESSIVE_PROFILING_USER_STATUS } from '../data/constants';
+/**
+ * Single slot entry point.
+ * Reads progressive profiling state from context and selects one CTA.
+ */
+export const BannerEntry = () => {
+    var _a, _b, _c, _d, _e;
+    const { openModal, answers, progressiveProfileStatus, } = useProgressiveProfilingQuiz();
+    const { formatMessage } = useIntl();
+    if (!progressiveProfileStatus)
+        return null;
+    const { status, remainingQuestions } = progressiveProfileStatus || {};
+    const learningGoal = (_c = (_b = (_a = answers === null || answers === void 0 ? void 0 : answers['learning-goal']) === null || _a === void 0 ? void 0 : _a.selectedValues) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.replaceAll('-', ' ');
+    const interests = (_e = (_d = answers === null || answers === void 0 ? void 0 : answers['interests-declared']) === null || _d === void 0 ? void 0 : _d.selectedValues) !== null && _e !== void 0 ? _e : [];
+    const formattedInterests = interests.length > 1
+        ? `${interests.slice(0, -1).join(', ')} and ${interests.at(-1)}`
+        : interests[0];
+    let title = formatMessage(messages.notStartedTitle);
+    let buttonText = formatMessage(messages.notStartedButtonText);
+    if (status === PROGRESSIVE_PROFILING_USER_STATUS.COMPLETE) {
+        title = formatMessage(messages.completeTitle, { learningGoal, interests: formattedInterests, bold: chunks => _jsx("strong", { children: chunks }) });
+        buttonText = formatMessage(messages.completeButtonText);
+    }
+    if (status === PROGRESSIVE_PROFILING_USER_STATUS.INCOMPLETE) {
+        title = formatMessage(messages.incompleteTitle, { remainingQuestions });
+        buttonText = formatMessage(messages.incompleteButtonText);
+    }
+    return _jsx(Banner, { isOpen: openModal, title: title, buttonText: buttonText });
+};
+//# sourceMappingURL=BannerEntry.js.map

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/BannerEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerEntry.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/SearchPageBanners/BannerEntry.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,iCAAiC,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAO,GAAG,EAAE;;IAClC,MAAM,EACJ,SAAS,EACT,OAAO,EACP,wBAAwB,GACzB,GAAG,2BAA2B,EAAE,CAAC;IAClC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,IAAI,CAAC,wBAAwB;QAAE,OAAO,IAAI,CAAC;IAE3C,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,wBAAwB,IAAI,EAAE,CAAC;IAEtE,MAAM,YAAY,GAAG,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,eAAe,CAAC,0CAAE,cAAc,0CAAG,CAAC,CAAC,0CAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,SAAS,GAAG,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,oBAAoB,CAAC,0CAAE,cAAc,mCAAI,EAAE,CAAC;IACxE,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC;QAC7C,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;QAChE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAEjB,IAAI,KAAK,GAAc,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC/D,IAAI,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAE9D,IAAI,MAAM,KAAK,iCAAiC,CAAC,QAAQ,EAAE,CAAC;QAC1D,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,2BAAS,MAAM,GAAU,EAAE,CAAC,CAAC;QAC1I,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,MAAM,KAAK,iCAAiC,CAAC,UAAU,EAAE,CAAC;QAC5D,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,eAAe,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC;QACxE,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAC,MAAM,IAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AAC7E,CAAC,CAAC","sourcesContent":["import { FC, ReactNode } from 'react';\nimport { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Banner } from './Banner';\nimport messages from './messages';\nimport { PROGRESSIVE_PROFILING_USER_STATUS } from '../data/constants';\n\n/**\n * Single slot entry point.\n * Reads progressive profiling state from context and selects one CTA.\n */\nexport const BannerEntry: FC = () => {\n  const {\n    openModal,\n    answers,\n    progressiveProfileStatus,\n  } = useProgressiveProfilingQuiz();\n  const { formatMessage } = useIntl();\n\n  if (!progressiveProfileStatus) return null;\n\n  const { status, remainingQuestions } = progressiveProfileStatus || {};\n\n  const learningGoal = answers?.['learning-goal']?.selectedValues?.[0]?.replaceAll('-', ' ');\n  const interests = answers?.['interests-declared']?.selectedValues ?? [];\n  const formattedInterests = interests.length > 1\n    ? `${interests.slice(0, -1).join(', ')} and ${interests.at(-1)}`\n    : interests[0];\n\n  let title: ReactNode = formatMessage(messages.notStartedTitle);\n  let buttonText = formatMessage(messages.notStartedButtonText);\n\n  if (status === PROGRESSIVE_PROFILING_USER_STATUS.COMPLETE) {\n    title = formatMessage(messages.completeTitle, { learningGoal, interests: formattedInterests, bold: chunks => <strong>{chunks}</strong> });\n    buttonText = formatMessage(messages.completeButtonText);\n  }\n\n  if (status === PROGRESSIVE_PROFILING_USER_STATUS.INCOMPLETE) {\n    title = formatMessage(messages.incompleteTitle, { remainingQuestions });\n    buttonText = formatMessage(messages.incompleteButtonText);\n  }\n\n  return <Banner isOpen={openModal} title={title} buttonText={buttonText} />;\n};\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/index.d.ts

@@ -0,0 +1 @@
+export { BannerEntry } from './BannerEntry';

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/index.js

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

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/SearchPageBanners/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { BannerEntry } from './BannerEntry';\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/messages.d.ts

@@ -0,0 +1,33 @@
+declare const messages: {
+    notStartedTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    notStartedButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    incompleteTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    incompleteButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    completeTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    completeButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    notStartedTitle: {
+        id: 'progressiveProfiling.searchPage.banner.notStarted.title',
+        defaultMessage: 'What do you want to learn?',
+        description: 'Title to be shown on banner when the progressive profiling quiz has not been started',
+    },
+    notStartedButtonText: {
+        id: 'progressiveProfiling.searchPage.banner.notStarted.buttonText',
+        defaultMessage: 'Share my goals',
+        description: 'Button text to be shown on banner when the progressive profiling quiz has not been started',
+    },
+    incompleteTitle: {
+        id: 'progressiveProfiling.searchPage.banner.incomplete.title',
+        defaultMessage: 'Answer {remainingQuestions} more question(s) and get better course recommendations.',
+        description: 'Title to be shown on banner when the progressive profiling quiz is incomplete',
+    },
+    incompleteButtonText: {
+        id: 'progressiveProfiling.searchPage.banner.incomplete.buttonText',
+        defaultMessage: 'Finish sharing my goals',
+        description: 'Button text to be shown on banner when the progressive profiling quiz is incomplete',
+    },
+    completeTitle: {
+        id: 'progressiveProfiling.searchPage.banner.complete.title',
+        defaultMessage: 'Your learning on edX to <bold>{learningGoal}</bold> and you\'re interested in {interests}.',
+        description: 'Title to be shown on banner when the progressive profiling quiz is complete',
+    },
+    completeButtonText: {
+        id: 'progressiveProfiling.searchPage.banner.complete.buttonText',
+        defaultMessage: 'Share my goals',
+        description: 'Button text to be shown on banner when the progressive profiling quiz is complete',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/widgets/ProgressiveProfilingQuiz/SearchPageBanners/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/SearchPageBanners/messages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,sFAAsF;KACpG;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,8DAA8D;QAClE,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,4FAA4F;KAC1G;IACD,eAAe,EAAE;QACf,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,qFAAqF;QACrG,WAAW,EAAE,+EAA+E;KAC7F;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,8DAA8D;QAClE,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,qFAAqF;KACnG;IACD,aAAa,EAAE;QACb,EAAE,EAAE,uDAAuD;QAC3D,cAAc,EAAE,4FAA4F;QAC5G,WAAW,EAAE,6EAA6E;KAC3F;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,4DAA4D;QAChE,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,mFAAmF;KACjG;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  notStartedTitle: {\n    id: 'progressiveProfiling.searchPage.banner.notStarted.title',\n    defaultMessage: 'What do you want to learn?',\n    description: 'Title to be shown on banner when the progressive profiling quiz has not been started',\n  },\n  notStartedButtonText: {\n    id: 'progressiveProfiling.searchPage.banner.notStarted.buttonText',\n    defaultMessage: 'Share my goals',\n    description: 'Button text to be shown on banner when the progressive profiling quiz has not been started',\n  },\n  incompleteTitle: {\n    id: 'progressiveProfiling.searchPage.banner.incomplete.title',\n    defaultMessage: 'Answer {remainingQuestions} more question(s) and get better course recommendations.',\n    description: 'Title to be shown on banner when the progressive profiling quiz is incomplete',\n  },\n  incompleteButtonText: {\n    id: 'progressiveProfiling.searchPage.banner.incomplete.buttonText',\n    defaultMessage: 'Finish sharing my goals',\n    description: 'Button text to be shown on banner when the progressive profiling quiz is incomplete',\n  },\n  completeTitle: {\n    id: 'progressiveProfiling.searchPage.banner.complete.title',\n    defaultMessage: 'Your learning on edX to <bold>{learningGoal}</bold> and you\\'re interested in {interests}.',\n    description: 'Title to be shown on banner when the progressive profiling quiz is complete',\n  },\n  completeButtonText: {\n    id: 'progressiveProfiling.searchPage.banner.complete.buttonText',\n    defaultMessage: 'Share my goals',\n    description: 'Button text to be shown on banner when the progressive profiling quiz is complete',\n  },\n});\n\nexport default messages;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/app.js

@@ -1,6 +1,7 @@
 import { WidgetOperationTypes } from '@openedx/frontend-base';
 import { ProgressiveProfilingQuizProvider } from './ProgressiveProfilingQuizProvider';
 import ProgressiveProfilingQuizModal from './modal';
+import { BannerEntry } from './SearchPageBanners';
 const app = {
     appId: 'org.2u-edx.frontend.app.progressiveProfiling',
     providers: [
@@ -13,6 +14,13 @@ const app = {
             op: WidgetOperationTypes.PREPEND,
             component: ProgressiveProfilingQuizModal,
         },
+        {
+            // This is the entry-point CTA injected into search page slot
+            slotId: 'org.edx.frontend.widget.progressiveProfiling.search.cta.v1',
+            id: 'org.edx.frontend.widget.progressiveProfiling.search.cta.entry.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: BannerEntry,
+        },
     ]
 };
 export default app;

package/dist/widgets/ProgressiveProfilingQuiz/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/widgets/ProgressiveProfilingQuiz/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,6BAA6B,MAAM,SAAS,CAAC;AAEpD,MAAM,GAAG,GAAQ;IACf,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE;QACT,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL;YACE,MAAM,EAAE,0CAA0C;YAClD,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,oBAAoB,CAAC,OAAO;YAChC,SAAS,EAAE,6BAA6B;SACzC;KACF;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App, WidgetOperationTypes } from '@openedx/frontend-base';\nimport { ProgressiveProfilingQuizProvider } from './ProgressiveProfilingQuizProvider';\nimport ProgressiveProfilingQuizModal from './modal';\n\nconst app: App = {\n  appId: 'org.2u-edx.frontend.app.progressiveProfiling',\n  providers: [\n    ProgressiveProfilingQuizProvider,\n  ],\n  slots: [\n    {\n      slotId: 'org.openedx.frontend.slot.header.main.v1',\n      id: 'org.edx.frontend.widget.progressiveProfiling.modal.v1',\n      op: WidgetOperationTypes.PREPEND,\n      component: ProgressiveProfilingQuizModal,\n    },\n  ]\n};\n\nexport default app;\n"]}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/widgets/ProgressiveProfilingQuiz/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,6BAA6B,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,GAAG,GAAQ;IACf,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE;QACT,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL;YACE,MAAM,EAAE,0CAA0C;YAClD,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,oBAAoB,CAAC,OAAO;YAChC,SAAS,EAAE,6BAA6B;SACzC;QACD;YACE,6DAA6D;YAC7D,MAAM,EAAE,4DAA4D;YACpE,EAAE,EAAE,kEAAkE;YACtE,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,SAAS,EAAE,WAAW;SACvB;KACF;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App, WidgetOperationTypes } from '@openedx/frontend-base';\nimport { ProgressiveProfilingQuizProvider } from './ProgressiveProfilingQuizProvider';\nimport ProgressiveProfilingQuizModal from './modal';\nimport { BannerEntry } from './SearchPageBanners';\n\nconst app: App = {\n  appId: 'org.2u-edx.frontend.app.progressiveProfiling',\n  providers: [\n    ProgressiveProfilingQuizProvider,\n  ],\n  slots: [\n    {\n      slotId: 'org.openedx.frontend.slot.header.main.v1',\n      id: 'org.edx.frontend.widget.progressiveProfiling.modal.v1',\n      op: WidgetOperationTypes.PREPEND,\n      component: ProgressiveProfilingQuizModal,\n    },\n    {\n      // This is the entry-point CTA injected into search page slot\n      slotId: 'org.edx.frontend.widget.progressiveProfiling.search.cta.v1',\n      id: 'org.edx.frontend.widget.progressiveProfiling.search.cta.entry.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: BannerEntry,\n    },\n  ]\n};\n\nexport default app;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/data/api/fetchAnswers.d.ts

@@ -1,6 +1,16 @@
 import { QuizAnswerRecord } from '../types';
 /** What's actually stored by saveAnswers: a QuizAnswerRecord minus the options it omits. */
 export type StoredAnswerRecord = Omit<QuizAnswerRecord, 'options'>;
+export interface ProgressiveProfileStatus {
+    status: string;
+    answeredQuestions: number;
+    totalQuestions: number;
+    remainingQuestions: number;
+}
+export interface FetchAnswersResult {
+    answers: Record<string, StoredAnswerRecord>;
+    progressiveProfileStatus?: ProgressiveProfileStatus;
+}
 /**
  * Retrieves whatever quiz answers were previously persisted via saveAnswers. Returns an empty
  * object if the user hasn't answered yet (no 'progressive_profile' extended profile field on
@@ -12,4 +22,4 @@ export type StoredAnswerRecord = Omit<QuizAnswerRecord, 'options'>;
  * questionId field nested inside the record is a value, not a key, so it isn't mangled and can be
  * used to key the result the same way session-recorded answers already are.
  */
-export declare const fetchAnswers: () => Promise<Record<string, StoredAnswerRecord>>;
+export declare const fetchAnswers: () => Promise<FetchAnswersResult>;

package/dist/widgets/ProgressiveProfilingQuiz/data/api/fetchAnswers.js

@@ -26,9 +26,15 @@ export const fetchAnswers = () => __awaiter(void 0, void 0, void 0, function* ()
     const extendedProfile = (_a = data.extended_profile) !== null && _a !== void 0 ? _a : [];
     const progressiveProfile = extendedProfile.find((field) => field.field_name === 'progressive_profile');
     const storedAnswers = ((_b = progressiveProfile === null || progressiveProfile === void 0 ? void 0 : progressiveProfile.field_value) !== null && _b !== void 0 ? _b : {});
-    return Object.fromEntries(Object.values(storedAnswers).map((record) => {
-        const camelCasedRecord = camelCaseObject(record);
-        return [camelCasedRecord.questionId, camelCasedRecord];
-    }));
+    const progressiveProfileStatus = data.progressive_profile_status
+        ? camelCaseObject(data.progressive_profile_status)
+        : undefined;
+    return {
+        answers: Object.fromEntries(Object.values(storedAnswers).map((record) => {
+            const camelCasedRecord = camelCaseObject(record);
+            return [camelCasedRecord.questionId, camelCasedRecord];
+        })),
+        progressiveProfileStatus,
+    };
 });
 //# sourceMappingURL=fetchAnswers.js.map

package/dist/widgets/ProgressiveProfilingQuiz/data/api/fetchAnswers.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchAnswers.js","sourceRoot":"","sources":["../../../../../src/widgets/ProgressiveProfilingQuiz/data/api/fetchAnswers.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,0BAA0B,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,GACjF,MAAM,wBAAwB,CAAC;AAYhC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAsD,EAAE;;IAClF,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,CAAC,UAAU,yBAAyB,QAAQ,EAAE,CACjE,CAAC;IAEF,MAAM,eAAe,GAA2B,MAAA,IAAI,CAAC,gBAAgB,mCAAI,EAAE,CAAC;IAC5E,MAAM,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,KAAK,qBAAqB,CAAC,CAAC;IACvG,MAAM,aAAa,GAAG,CAAC,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,WAAW,mCAAI,EAAE,CAA4B,CAAC;IAEzF,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC1C,MAAM,gBAAgB,GAAG,eAAe,CAAC,MAAM,CAAuB,CAAC;QACvE,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;IACzD,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAA,CAAC","sourcesContent":["import {\n  getAuthenticatedHttpClient, getAuthenticatedUser, getSiteConfig, camelCaseObject,\n} from '@openedx/frontend-base';\n\nimport { QuizAnswerRecord } from '../types';\n\n/** What's actually stored by saveAnswers: a QuizAnswerRecord minus the options it omits. */\nexport type StoredAnswerRecord = Omit<QuizAnswerRecord, 'options'>;\n\ninterface ExtendedProfileField {\n  field_name: string,\n  field_value: unknown,\n}\n\n/**\n * Retrieves whatever quiz answers were previously persisted via saveAnswers. Returns an empty\n * object if the user hasn't answered yet (no 'progressive_profile' extended profile field on\n * their account).\n *\n * Keyed by each record's own questionId field rather than the map's own (outer) key: saveAnswers\n * snake-cases the whole answers map - including its outer keys - before sending it, so a\n * kebab-case questionId like 'learning-goal' comes back from storage as 'learning_goal'. The\n * questionId field nested inside the record is a value, not a key, so it isn't mangled and can be\n * used to key the result the same way session-recorded answers already are.\n */\nexport const fetchAnswers = async (): Promise<Record<string, StoredAnswerRecord>> => {\n  const { username } = getAuthenticatedUser();\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getSiteConfig().lmsBaseUrl}/api/user/v1/accounts/${username}`,\n  );\n\n  const extendedProfile: ExtendedProfileField[] = data.extended_profile ?? [];\n  const progressiveProfile = extendedProfile.find((field) => field.field_name === 'progressive_profile');\n  const storedAnswers = (progressiveProfile?.field_value ?? {}) as Record<string, unknown>;\n\n  return Object.fromEntries(\n    Object.values(storedAnswers).map((record) => {\n      const camelCasedRecord = camelCaseObject(record) as StoredAnswerRecord;\n      return [camelCasedRecord.questionId, camelCasedRecord];\n    }),\n  );\n};\n"]}
+{"version":3,"file":"fetchAnswers.js","sourceRoot":"","sources":["../../../../../src/widgets/ProgressiveProfilingQuiz/data/api/fetchAnswers.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,0BAA0B,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,GACjF,MAAM,wBAAwB,CAAC;AAwBhC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAsC,EAAE;;IAClE,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,CAAC,UAAU,yBAAyB,QAAQ,EAAE,CACjE,CAAC;IAEF,MAAM,eAAe,GAA2B,MAAA,IAAI,CAAC,gBAAgB,mCAAI,EAAE,CAAC;IAC5E,MAAM,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,KAAK,qBAAqB,CAAC,CAAC;IACvG,MAAM,aAAa,GAAG,CAAC,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,WAAW,mCAAI,EAAE,CAA4B,CAAC;IACzF,MAAM,wBAAwB,GAAG,IAAI,CAAC,0BAA0B;QAC9D,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,0BAA0B,CAA6B;QAC9E,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,WAAW,CACzB,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1C,MAAM,gBAAgB,GAAG,eAAe,CAAC,MAAM,CAAuB,CAAC;YACvE,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QACzD,CAAC,CAAC,CACH;QACD,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAA,CAAC","sourcesContent":["import {\n  getAuthenticatedHttpClient, getAuthenticatedUser, getSiteConfig, camelCaseObject,\n} from '@openedx/frontend-base';\n\nimport { QuizAnswerRecord } from '../types';\n\n/** What's actually stored by saveAnswers: a QuizAnswerRecord minus the options it omits. */\nexport type StoredAnswerRecord = Omit<QuizAnswerRecord, 'options'>;\n\ninterface ExtendedProfileField {\n  field_name: string,\n  field_value: unknown,\n}\n\nexport interface ProgressiveProfileStatus {\n  status: string,\n  answeredQuestions: number,\n  totalQuestions: number,\n  remainingQuestions: number,\n}\n\nexport interface FetchAnswersResult {\n  answers: Record<string, StoredAnswerRecord>,\n  progressiveProfileStatus?: ProgressiveProfileStatus,\n}\n\n/**\n * Retrieves whatever quiz answers were previously persisted via saveAnswers. Returns an empty\n * object if the user hasn't answered yet (no 'progressive_profile' extended profile field on\n * their account).\n *\n * Keyed by each record's own questionId field rather than the map's own (outer) key: saveAnswers\n * snake-cases the whole answers map - including its outer keys - before sending it, so a\n * kebab-case questionId like 'learning-goal' comes back from storage as 'learning_goal'. The\n * questionId field nested inside the record is a value, not a key, so it isn't mangled and can be\n * used to key the result the same way session-recorded answers already are.\n */\nexport const fetchAnswers = async (): Promise<FetchAnswersResult> => {\n  const { username } = getAuthenticatedUser();\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getSiteConfig().lmsBaseUrl}/api/user/v1/accounts/${username}`,\n  );\n\n  const extendedProfile: ExtendedProfileField[] = data.extended_profile ?? [];\n  const progressiveProfile = extendedProfile.find((field) => field.field_name === 'progressive_profile');\n  const storedAnswers = (progressiveProfile?.field_value ?? {}) as Record<string, unknown>;\n  const progressiveProfileStatus = data.progressive_profile_status\n    ? camelCaseObject(data.progressive_profile_status) as ProgressiveProfileStatus\n    : undefined;\n\n  return {\n    answers: Object.fromEntries(\n      Object.values(storedAnswers).map((record) => {\n        const camelCasedRecord = camelCaseObject(record) as StoredAnswerRecord;\n        return [camelCasedRecord.questionId, camelCasedRecord];\n      }),\n    ),\n    progressiveProfileStatus,\n  };\n};\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/data/constants.d.ts

@@ -5,3 +5,8 @@ export declare const PROGRESSIVE_PROFILING_QUIZ_STEPS: {
     readonly WORK_STATUS: "work-status";
 };
 export type ProgressiveProfilingQuizStepKey = typeof PROGRESSIVE_PROFILING_QUIZ_STEPS[keyof typeof PROGRESSIVE_PROFILING_QUIZ_STEPS];
+export declare const PROGRESSIVE_PROFILING_USER_STATUS: {
+    readonly INCOMPLETE: "incomplete";
+    readonly COMPLETE: "complete";
+    readonly NOT_STARTED: "not-started";
+};

package/dist/widgets/ProgressiveProfilingQuiz/data/constants.js

@@ -4,4 +4,9 @@ export const PROGRESSIVE_PROFILING_QUIZ_STEPS = {
     INTERESTS_DECLARED: 'interests-declared',
     WORK_STATUS: 'work-status',
 };
+export const PROGRESSIVE_PROFILING_USER_STATUS = {
+    INCOMPLETE: 'incomplete',
+    COMPLETE: 'complete',
+    NOT_STARTED: 'not-started',
+};
 //# sourceMappingURL=constants.js.map

package/dist/widgets/ProgressiveProfilingQuiz/data/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/data/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,aAAa,EAAE,eAAe;IAC9B,mBAAmB,EAAE,qBAAqB;IAC1C,kBAAkB,EAAE,oBAAoB;IACxC,WAAW,EAAE,aAAa;CAClB,CAAC","sourcesContent":["export const PROGRESSIVE_PROFILING_QUIZ_STEPS = {\n  LEARNING_GOAL: 'learning-goal',\n  LEARNING_MOTIVATION: 'learning-motivation',\n  INTERESTS_DECLARED: 'interests-declared',\n  WORK_STATUS: 'work-status',\n} as const;\n\nexport type ProgressiveProfilingQuizStepKey =\n  typeof PROGRESSIVE_PROFILING_QUIZ_STEPS[keyof typeof PROGRESSIVE_PROFILING_QUIZ_STEPS];\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/data/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,aAAa,EAAE,eAAe;IAC9B,mBAAmB,EAAE,qBAAqB;IAC1C,kBAAkB,EAAE,oBAAoB;IACxC,WAAW,EAAE,aAAa;CAClB,CAAC;AAKX,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,aAAa;CAClB,CAAC","sourcesContent":["export const PROGRESSIVE_PROFILING_QUIZ_STEPS = {\n  LEARNING_GOAL: 'learning-goal',\n  LEARNING_MOTIVATION: 'learning-motivation',\n  INTERESTS_DECLARED: 'interests-declared',\n  WORK_STATUS: 'work-status',\n} as const;\n\nexport type ProgressiveProfilingQuizStepKey =\n  typeof PROGRESSIVE_PROFILING_QUIZ_STEPS[keyof typeof PROGRESSIVE_PROFILING_QUIZ_STEPS];\n\nexport const PROGRESSIVE_PROFILING_USER_STATUS = {\n  INCOMPLETE: 'incomplete',\n  COMPLETE: 'complete',\n  NOT_STARTED: 'not-started',\n} as const;\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/data/queryHooks.d.ts

@@ -1,5 +1,5 @@
 import { UseQueryResult } from '@tanstack/react-query';
-import { StoredAnswerRecord } from './api/fetchAnswers';
+import { FetchAnswersResult, StoredAnswerRecord } from './api/fetchAnswers';
 import { QuizAnswerRecord, SkillWithCount } from './types';
 /**
  * Fetches every skill value in the Algolia product index, cached for reuse by any
@@ -9,7 +9,7 @@ export declare const useSkills: () => UseQueryResult<SkillWithCount[]>;
 /**
  * Retrieves whatever quiz answers were previously persisted via saveAnswers
  */
-export declare const useAnswers: () => UseQueryResult<Record<string, StoredAnswerRecord>>;
+export declare const useAnswers: () => UseQueryResult<FetchAnswersResult>;
 /**
  * Persists whatever quiz answers have been recorded so far, whether the user finished every
  * step or abandoned partway through.

package/dist/widgets/ProgressiveProfilingQuiz/data/queryHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryHooks.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/data/queryHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,oCAAoC,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAGtG;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAqC,EAAE;IAC9D,MAAM,CAAC,YAAY,CAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1C,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,iCAAiC,CAAC,MAAM,EAAE;QACpD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAa,CAAC;QACzC,OAAO,EAAE,CAAC,CAAC,YAAY;QACvB,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;KAC1B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAuD,EAAE,CAAC,QAAQ,CAAC;IAC3F,QAAQ,EAAE,iCAAiC,CAAC,OAAO,EAAE;IACrD,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;IAC9C,WAAW,EAAE,oCAAoC,CAAC,WAAW,EAAE;IAC/D,UAAU,EAAE,CAAC,OAA8D,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;IACpG,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { useMutation, useQuery, UseQueryResult } from '@tanstack/react-query';\nimport { logError } from '@openedx/frontend-base';\n\nimport { useAlgoliaSearch } from '@src/utils/algoliaUtils';\n\nimport { fetchAnswers, StoredAnswerRecord } from './api/fetchAnswers';\nimport { fetchSkills } from './api/fetchSkills';\nimport { saveAnswers } from './api/saveAnswers';\nimport { progressiveProfilingQuizMutationKeys, progressiveProfilingQuizQueryKeys } from './queryKeys';\nimport { QuizAnswerRecord, SkillWithCount } from './types';\n\n/**\n * Fetches every skill value in the Algolia product index, cached for reuse by any\n * question whose options are the skills list (e.g. 'preferred-subject').\n */\nexport const useSkills = (): UseQueryResult<SkillWithCount[]> => {\n  const [searchClient] = useAlgoliaSearch();\n\n  return useQuery({\n    queryKey: progressiveProfilingQuizQueryKeys.skills(),\n    queryFn: () => fetchSkills(searchClient!),\n    enabled: !!searchClient,\n    staleTime: 10 * 60 * 1000,\n  });\n};\n\n/**\n * Retrieves whatever quiz answers were previously persisted via saveAnswers\n */\nexport const useAnswers = (): UseQueryResult<Record<string, StoredAnswerRecord>> => useQuery({\n  queryKey: progressiveProfilingQuizQueryKeys.answers(),\n  queryFn: fetchAnswers,\n});\n\n/**\n * Persists whatever quiz answers have been recorded so far, whether the user finished every\n * step or abandoned partway through.\n */\nexport const useSaveAnswers = () => useMutation({\n  mutationKey: progressiveProfilingQuizMutationKeys.saveAnswers(),\n  mutationFn: (answers: Record<string, QuizAnswerRecord | StoredAnswerRecord>) => saveAnswers(answers),\n  onError: (error) => {\n    logError(error);\n  },\n});\n"]}
+{"version":3,"file":"queryHooks.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/data/queryHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAA0C,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,oCAAoC,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAGtG;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAqC,EAAE;IAC9D,MAAM,CAAC,YAAY,CAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1C,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,iCAAiC,CAAC,MAAM,EAAE;QACpD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAa,CAAC;QACzC,OAAO,EAAE,CAAC,CAAC,YAAY;QACvB,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;KAC1B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAuC,EAAE,CAAC,QAAQ,CAAC;IAC3E,QAAQ,EAAE,iCAAiC,CAAC,OAAO,EAAE;IACrD,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;IAC9C,WAAW,EAAE,oCAAoC,CAAC,WAAW,EAAE;IAC/D,UAAU,EAAE,CAAC,OAA8D,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;IACpG,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { useMutation, useQuery, UseQueryResult } from '@tanstack/react-query';\nimport { logError } from '@openedx/frontend-base';\n\nimport { useAlgoliaSearch } from '@src/utils/algoliaUtils';\n\nimport { fetchAnswers, FetchAnswersResult, StoredAnswerRecord } from './api/fetchAnswers';\nimport { fetchSkills } from './api/fetchSkills';\nimport { saveAnswers } from './api/saveAnswers';\nimport { progressiveProfilingQuizMutationKeys, progressiveProfilingQuizQueryKeys } from './queryKeys';\nimport { QuizAnswerRecord, SkillWithCount } from './types';\n\n/**\n * Fetches every skill value in the Algolia product index, cached for reuse by any\n * question whose options are the skills list (e.g. 'preferred-subject').\n */\nexport const useSkills = (): UseQueryResult<SkillWithCount[]> => {\n  const [searchClient] = useAlgoliaSearch();\n\n  return useQuery({\n    queryKey: progressiveProfilingQuizQueryKeys.skills(),\n    queryFn: () => fetchSkills(searchClient!),\n    enabled: !!searchClient,\n    staleTime: 10 * 60 * 1000,\n  });\n};\n\n/**\n * Retrieves whatever quiz answers were previously persisted via saveAnswers\n */\nexport const useAnswers = (): UseQueryResult<FetchAnswersResult> => useQuery({\n  queryKey: progressiveProfilingQuizQueryKeys.answers(),\n  queryFn: fetchAnswers,\n});\n\n/**\n * Persists whatever quiz answers have been recorded so far, whether the user finished every\n * step or abandoned partway through.\n */\nexport const useSaveAnswers = () => useMutation({\n  mutationKey: progressiveProfilingQuizMutationKeys.saveAnswers(),\n  mutationFn: (answers: Record<string, QuizAnswerRecord | StoredAnswerRecord>) => saveAnswers(answers),\n  onError: (error) => {\n    logError(error);\n  },\n});\n"]}

package/dist/widgets/ProgressiveProfilingQuiz/modal/index.js

@@ -1,21 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
 import { ModalDialog } from '@openedx/paragon';
 import { useIntl } from '@openedx/frontend-base';
-import { useSearchParams } from 'react-router-dom';
 import { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';
 import ProgressiveProfilingQuizStepper from './stepper';
 import messages from './messages';
 import './index.scss';
 const ProgressiveProfilingQuizModal = () => {
-    const { isModalOpen, openModal, closeModal } = useProgressiveProfilingQuiz();
+    const { isModalOpen, closeModal } = useProgressiveProfilingQuiz();
     const { formatMessage } = useIntl();
-    const [searchParams] = useSearchParams();
-    useEffect(() => {
-        if (searchParams.get('progressive_profiling') === 'active') {
-            openModal();
-        }
-    }, [searchParams, openModal]);
     return (_jsx(ModalDialog, { title: formatMessage(messages.modalTitle), isOpen: isModalOpen, onClose: closeModal, hasCloseButton: true, isFullscreenOnMobile: true, isOverflowVisible: false, className: "progressive-profiling-modal p-5 bg-light-400", children: _jsx(ModalDialog.Body, { children: _jsx(ProgressiveProfilingQuizStepper, {}) }) }));
 };
 export default ProgressiveProfilingQuizModal;

package/dist/widgets/ProgressiveProfilingQuiz/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/modal/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,+BAA+B,MAAM,WAAW,CAAC;AACxD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,6BAA6B,GAAa,GAAG,EAAE;IACnD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC7E,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,GAAG,CAAC,uBAAuB,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC3D,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EACzC,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,cAAc,QACd,oBAAoB,QACpB,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAC,8CAA8C,YAExD,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,+BAA+B,KAAG,GAClB,GACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC","sourcesContent":["import React, { useEffect } from 'react';\nimport { ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useSearchParams } from 'react-router-dom';\n\nimport { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';\nimport ProgressiveProfilingQuizStepper from './stepper';\nimport messages from './messages';\n\nimport './index.scss';\n\nconst ProgressiveProfilingQuizModal: React.FC = () => {\n  const { isModalOpen, openModal, closeModal } = useProgressiveProfilingQuiz();\n  const { formatMessage } = useIntl();\n  const [searchParams] = useSearchParams();\n\n  useEffect(() => {\n    if (searchParams.get('progressive_profiling') === 'active') {\n      openModal();\n    }\n  }, [searchParams, openModal]);\n\n  return (\n    <ModalDialog\n      title={formatMessage(messages.modalTitle)}\n      isOpen={isModalOpen}\n      onClose={closeModal}\n      hasCloseButton\n      isFullscreenOnMobile\n      isOverflowVisible={false}\n      className=\"progressive-profiling-modal p-5 bg-light-400\"\n    >\n      <ModalDialog.Body>\n        <ProgressiveProfilingQuizStepper />\n      </ModalDialog.Body>\n    </ModalDialog>\n  );\n};\n\nexport default ProgressiveProfilingQuizModal;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/ProgressiveProfilingQuiz/modal/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,+BAA+B,MAAM,WAAW,CAAC;AACxD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,6BAA6B,GAAa,GAAG,EAAE;IACnD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAClE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EACzC,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,cAAc,QACd,oBAAoB,QACpB,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAC,8CAA8C,YAExD,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,+BAA+B,KAAG,GAClB,GACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,6BAA6B,CAAC","sourcesContent":["import React from 'react';\nimport { ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useProgressiveProfilingQuiz } from '../ProgressiveProfilingQuizProvider';\nimport ProgressiveProfilingQuizStepper from './stepper';\nimport messages from './messages';\n\nimport './index.scss';\n\nconst ProgressiveProfilingQuizModal: React.FC = () => {\n  const { isModalOpen, closeModal } = useProgressiveProfilingQuiz();\n  const { formatMessage } = useIntl();\n\n  return (\n    <ModalDialog\n      title={formatMessage(messages.modalTitle)}\n      isOpen={isModalOpen}\n      onClose={closeModal}\n      hasCloseButton\n      isFullscreenOnMobile\n      isOverflowVisible={false}\n      className=\"progressive-profiling-modal p-5 bg-light-400\"\n    >\n      <ModalDialog.Body>\n        <ProgressiveProfilingQuizStepper />\n      </ModalDialog.Body>\n    </ModalDialog>\n  );\n};\n\nexport default ProgressiveProfilingQuizModal;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-app-subscription-learner-dashboard",
-  "version": "1.49.0",
+  "version": "1.51.0",
   "description": "",
   "repository": {
     "type": "git",