@edx/frontend-app-learner-dashboard 1.0.0

package/dist/containers/CourseFilterControls/messages.js

@@ -0,0 +1,60 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    courseStatus: {
+        id: 'learner-dash.courseListFilters.courseStatus',
+        description: 'course status filter form heading',
+        defaultMessage: 'Course Status',
+    },
+    inProgress: {
+        id: 'learner-dash.courseListFilters.inProgress',
+        description: 'in-progress filter checkbox label for course list filters',
+        defaultMessage: 'In-Progress',
+    },
+    notStarted: {
+        id: 'learner-dash.courseListFilters.notStarted',
+        description: 'Not-Started filter checkbox label for course list filters',
+        defaultMessage: 'Not Started',
+    },
+    done: {
+        id: 'learner-dash.courseListFilters.done',
+        description: 'done filter checkbox label for course list filters',
+        defaultMessage: 'Done',
+    },
+    notEnrolled: {
+        id: 'learner-dash.courseListFilters.notEnrolled',
+        description: 'not-enrolled filter checkbox label for course list filters',
+        defaultMessage: 'Not Enrolled',
+    },
+    upgraded: {
+        id: 'learner-dash.courseListFilters.upgraded',
+        description: 'upgraded filter checkbox label for course list filters',
+        defaultMessage: 'Upgraded',
+    },
+    clearAll: {
+        id: 'learner-dash.courseListFilters.clearAll',
+        description: 'clear all filters button text',
+        defaultMessage: 'Clear all',
+    },
+    sort: {
+        id: 'learner-dash.courseListFilters.sort',
+        description: 'Sort radio form heading',
+        defaultMessage: 'Sort',
+    },
+    sortLastEnrolled: {
+        id: 'learner-dash.courseListFilters.sortLastEnrolled',
+        description: 'Last enrolled sort option text',
+        defaultMessage: 'Last enrolled',
+    },
+    sortTitle: {
+        id: 'learner-dash.courseListFilters.sortTitle',
+        description: 'Title sort option text',
+        defaultMessage: 'Title (A-Z)',
+    },
+    refine: {
+        id: 'learner-dash.courseListFilters.refine',
+        description: 'Filter button container text',
+        defaultMessage: 'Refine',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CourseFilterControls/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,YAAY,EAAE;QACZ,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,eAAe;KAChC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,2DAA2D;QACxE,cAAc,EAAE,aAAa;KAC9B;IACD,UAAU,EAAE;QACV,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,2DAA2D;QACxE,cAAc,EAAE,aAAa;KAC9B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,qCAAqC;QACzC,WAAW,EAAE,oDAAoD;QACjE,cAAc,EAAE,MAAM;KACvB;IACD,WAAW,EAAE;QACX,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,4DAA4D;QACzE,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,yCAAyC;QAC7C,WAAW,EAAE,wDAAwD;QACrE,cAAc,EAAE,UAAU;KAC3B;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,yCAAyC;QAC7C,WAAW,EAAE,+BAA+B;QAC5C,cAAc,EAAE,WAAW;KAC5B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,qCAAqC;QACzC,WAAW,EAAE,yBAAyB;QACtC,cAAc,EAAE,MAAM;KACvB;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,eAAe;KAChC;IACD,SAAS,EAAE;QACT,EAAE,EAAE,0CAA0C;QAC9C,WAAW,EAAE,wBAAwB;QACrC,cAAc,EAAE,aAAa;KAC9B;IACD,MAAM,EAAE;QACN,EAAE,EAAE,uCAAuC;QAC3C,WAAW,EAAE,8BAA8B;QAC3C,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseStatus: {\n    id: 'learner-dash.courseListFilters.courseStatus',\n    description: 'course status filter form heading',\n    defaultMessage: 'Course Status',\n  },\n  inProgress: {\n    id: 'learner-dash.courseListFilters.inProgress',\n    description: 'in-progress filter checkbox label for course list filters',\n    defaultMessage: 'In-Progress',\n  },\n  notStarted: {\n    id: 'learner-dash.courseListFilters.notStarted',\n    description: 'Not-Started filter checkbox label for course list filters',\n    defaultMessage: 'Not Started',\n  },\n  done: {\n    id: 'learner-dash.courseListFilters.done',\n    description: 'done filter checkbox label for course list filters',\n    defaultMessage: 'Done',\n  },\n  notEnrolled: {\n    id: 'learner-dash.courseListFilters.notEnrolled',\n    description: 'not-enrolled filter checkbox label for course list filters',\n    defaultMessage: 'Not Enrolled',\n  },\n  upgraded: {\n    id: 'learner-dash.courseListFilters.upgraded',\n    description: 'upgraded filter checkbox label for course list filters',\n    defaultMessage: 'Upgraded',\n  },\n  clearAll: {\n    id: 'learner-dash.courseListFilters.clearAll',\n    description: 'clear all filters button text',\n    defaultMessage: 'Clear all',\n  },\n  sort: {\n    id: 'learner-dash.courseListFilters.sort',\n    description: 'Sort radio form heading',\n    defaultMessage: 'Sort',\n  },\n  sortLastEnrolled: {\n    id: 'learner-dash.courseListFilters.sortLastEnrolled',\n    description: 'Last enrolled sort option text',\n    defaultMessage: 'Last enrolled',\n  },\n  sortTitle: {\n    id: 'learner-dash.courseListFilters.sortTitle',\n    description: 'Title sort option text',\n    defaultMessage: 'Title (A-Z)',\n  },\n  refine: {\n    id: 'learner-dash.courseListFilters.refine',\n    description: 'Filter button container text',\n    defaultMessage: 'Refine',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CoursesPanel/CourseList/hooks.d.ts

@@ -0,0 +1,2 @@
+export function useIsCollapsed(): boolean;
+export default useIsCollapsed;

package/dist/containers/CoursesPanel/CourseList/hooks.js

@@ -0,0 +1,7 @@
+import { useWindowSize, breakpoints } from '@openedx/paragon';
+export const useIsCollapsed = () => {
+    const { width } = useWindowSize();
+    return width < breakpoints.medium.maxWidth;
+};
+export default useIsCollapsed;
+//# sourceMappingURL=hooks.js.map

package/dist/containers/CoursesPanel/CourseList/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/CourseList/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,OAAO,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useWindowSize, breakpoints } from '@openedx/paragon';\n\nexport const useIsCollapsed = () => {\n  const { width } = useWindowSize();\n  return width < breakpoints.medium.maxWidth;\n};\n\nexport default useIsCollapsed;\n"]}

package/dist/containers/CoursesPanel/CourseList/index.d.ts

@@ -0,0 +1,16 @@
+export function CourseList({ courseListData }: {
+    courseListData: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CourseList {
+    namespace propTypes {
+        export { courseListDataShape as courseListData };
+    }
+}
+export const courseListDataShape: PropTypes.Requireable<PropTypes.InferProps<{
+    showFilters: PropTypes.Validator<boolean>;
+    visibleList: PropTypes.Validator<(PropTypes.InferProps<PropTypes.ValidationMap<any>> | null | undefined)[]>;
+    numPages: PropTypes.Validator<number>;
+    setPageNumber: PropTypes.Validator<(...args: any[]) => any>;
+}>>;
+export default CourseList;
+import PropTypes from 'prop-types';

package/dist/containers/CoursesPanel/CourseList/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Pagination } from '@openedx/paragon';
+import { ActiveCourseFilters, } from '../../../containers/CourseFilterControls';
+import CourseCard from '../../../containers/CourseCard';
+import { useIsCollapsed } from './hooks';
+export const CourseList = ({ courseListData }) => {
+    const { setPageNumber, numPages, visibleList, showFilters, } = courseListData;
+    const isCollapsed = useIsCollapsed();
+    return (_jsxs(_Fragment, { children: [showFilters && (_jsx("div", { id: "course-list-active-filters-container", children: _jsx(ActiveCourseFilters, {}) })), _jsxs("div", { className: "d-flex flex-column flex-grow-1", children: [visibleList.map(({ cardId }) => (_jsx(CourseCard, { cardId: cardId }, cardId))), numPages > 1 && (_jsx(Pagination, { variant: isCollapsed ? 'reduced' : 'secondary', paginationLabel: "Course List", className: "mx-auto mb-2", pageCount: numPages, onPageSelect: setPageNumber }))] })] }));
+};
+export const courseListDataShape = PropTypes.shape({
+    showFilters: PropTypes.bool.isRequired,
+    visibleList: PropTypes.arrayOf(PropTypes.shape()).isRequired,
+    numPages: PropTypes.number.isRequired,
+    setPageNumber: PropTypes.func.isRequired,
+});
+CourseList.propTypes = {
+    courseListData: courseListDataShape,
+};
+export default CourseList;
+//# sourceMappingURL=index.js.map

package/dist/containers/CoursesPanel/CourseList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/CourseList/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,mBAAmB,GACpB,MAAM,0CAA0C,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/C,MAAM,EACJ,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAClD,GAAG,cAAc,CAAC;IAEnB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,8BACG,WAAW,IAAI,CACd,cAAK,EAAE,EAAC,sCAAsC,YAC5C,KAAC,mBAAmB,KAAG,GACnB,CACP,EACD,eAAK,SAAS,EAAC,gCAAgC,aAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,UAAU,IAAc,MAAM,EAAE,MAAM,IAAtB,MAAM,CAAoB,CAC5C,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC9C,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,aAAa,GAC3B,CACH,IACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC,KAAK,CAAC;IACjD,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,UAAU;IAC5D,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACrC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACzC,CAAC,CAAC;AAEH,UAAU,CAAC,SAAS,GAAG;IACrB,cAAc,EAAE,mBAAmB;CACpC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Pagination } from '@openedx/paragon';\nimport {\n  ActiveCourseFilters,\n} from '../../../containers/CourseFilterControls';\nimport CourseCard from '../../../containers/CourseCard';\n\nimport { useIsCollapsed } from './hooks';\n\nexport const CourseList = ({ courseListData }) => {\n  const {\n    setPageNumber, numPages, visibleList, showFilters,\n  } = courseListData;\n\n  const isCollapsed = useIsCollapsed();\n  return (\n    <>\n      {showFilters && (\n        <div id=\"course-list-active-filters-container\">\n          <ActiveCourseFilters />\n        </div>\n      )}\n      <div className=\"d-flex flex-column flex-grow-1\">\n        {visibleList.map(({ cardId }) => (\n          <CourseCard key={cardId} cardId={cardId} />\n        ))}\n        {numPages > 1 && (\n          <Pagination\n            variant={isCollapsed ? 'reduced' : 'secondary'}\n            paginationLabel=\"Course List\"\n            className=\"mx-auto mb-2\"\n            pageCount={numPages}\n            onPageSelect={setPageNumber}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport const courseListDataShape = PropTypes.shape({\n  showFilters: PropTypes.bool.isRequired,\n  visibleList: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n  numPages: PropTypes.number.isRequired,\n  setPageNumber: PropTypes.func.isRequired,\n});\n\nCourseList.propTypes = {\n  courseListData: courseListDataShape,\n};\n\nexport default CourseList;\n"]}

package/dist/containers/CoursesPanel/NoCoursesView/index.d.ts

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

package/dist/containers/CoursesPanel/NoCoursesView/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, Image } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
+import { baseAppUrl } from '../../../data/services/lms/urls';
+import emptyCourseSVG from '../../../assets/empty-course.svg';
+import { useInitializeLearnerHome } from '../../../data/hooks';
+import messages from './messages';
+import './index.scss';
+export const NoCoursesView = () => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const { data: learnerData } = useInitializeLearnerHome();
+    const courseSearchUrl = ((_a = learnerData === null || learnerData === void 0 ? void 0 : learnerData.platformSettings) === null || _a === void 0 ? void 0 : _a.courseSearchUrl) || '';
+    return (_jsxs("div", { id: "no-courses-content-view", className: "d-flex align-items-center justify-content-center mb-4.5", children: [_jsx(Image, { src: emptyCourseSVG, alt: formatMessage(messages.bannerAlt) }), _jsx("h3", { className: "h1", children: formatMessage(messages.lookingForChallengePrompt) }), _jsx("p", { children: formatMessage(messages.exploreCoursesPrompt) }), _jsx(Button, { variant: "brand", as: "a", href: baseAppUrl(courseSearchUrl), iconBefore: Search, children: formatMessage(messages.exploreCoursesButton) })] }));
+};
+export default NoCoursesView;
+//# sourceMappingURL=index.js.map

package/dist/containers/CoursesPanel/NoCoursesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/NoCoursesView/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,eAAe,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,0CAAE,eAAe,KAAI,EAAE,CAAC;IAC7E,OAAO,CACL,eACE,EAAE,EAAC,yBAAyB,EAC5B,SAAS,EAAC,yDAAyD,aAEnE,KAAC,KAAK,IAAC,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,EACtE,aAAI,SAAS,EAAC,IAAI,YACf,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAC/C,EACL,sBACG,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAC3C,EACJ,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EACjC,UAAU,EAAE,MAAM,YAEjB,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GACtC,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, Image } from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport emptyCourseSVG from '@src/assets/empty-course.svg';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nimport messages from './messages';\nimport './index.scss';\n\nexport const NoCoursesView = () => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseSearchUrl = learnerData?.platformSettings?.courseSearchUrl || '';\n  return (\n    <div\n      id=\"no-courses-content-view\"\n      className=\"d-flex align-items-center justify-content-center mb-4.5\"\n    >\n      <Image src={emptyCourseSVG} alt={formatMessage(messages.bannerAlt)} />\n      <h3 className=\"h1\">\n        {formatMessage(messages.lookingForChallengePrompt)}\n      </h3>\n      <p>\n        {formatMessage(messages.exploreCoursesPrompt)}\n      </p>\n      <Button\n        variant=\"brand\"\n        as=\"a\"\n        href={baseAppUrl(courseSearchUrl)}\n        iconBefore={Search}\n      >\n        {formatMessage(messages.exploreCoursesButton)}\n      </Button>\n    </div>\n  );\n};\n\nexport default NoCoursesView;\n"]}

package/dist/containers/CoursesPanel/NoCoursesView/index.scss

@@ -0,0 +1,13 @@
+#no-courses-content-view {
+  border: 2px solid var(--pgn-color-light-400);
+  flex-direction: column;
+  padding-bottom: var(--pgn-spacing-spacer-5);
+  padding-top: var(--pgn-spacing-spacer-5);
+  height: 100%;
+
+  & > * {
+    margin-top: var(--pgn-spacing-spacer-3);
+    margin-bottom: var(--pgn-spacing-spacer-3);
+  }
+}
+

package/dist/containers/CoursesPanel/NoCoursesView/messages.d.ts

@@ -0,0 +1,32 @@
+export default messages;
+declare namespace messages {
+    namespace lookingForChallengePrompt {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace exploreCoursesPrompt {
+        let id_1: string;
+        export { id_1 as id };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        let description_1: string;
+        export { description_1 as description };
+    }
+    namespace exploreCoursesButton {
+        let id_2: string;
+        export { id_2 as id };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+    namespace bannerAlt {
+        let id_3: string;
+        export { id_3 as id };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+        let description_3: string;
+        export { description_3 as description };
+    }
+}

package/dist/containers/CoursesPanel/NoCoursesView/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    lookingForChallengePrompt: {
+        id: 'Dashboard.NoCoursesView.lookingForChallengePrompt',
+        defaultMessage: 'Looking for a new challenge?',
+        description: 'Prompt user for new challenge',
+    },
+    exploreCoursesPrompt: {
+        id: 'Dashboard.NoCoursesView.exploreCoursesPrompt',
+        defaultMessage: 'Explore our courses to add them to your dashboard.',
+        description: 'Prompt user to explore more courses',
+    },
+    exploreCoursesButton: {
+        id: 'Dashboard.NoCoursesView.exploreCoursesButton',
+        defaultMessage: 'Explore courses',
+        description: 'Button to explore more courses',
+    },
+    bannerAlt: {
+        id: 'Dashboard.NoCoursesView.bannerAlt',
+        defaultMessage: 'No Courses view banner',
+        description: 'No Courses view basnner',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CoursesPanel/NoCoursesView/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/NoCoursesView/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,yBAAyB,EAAE;QACzB,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,+BAA+B;KAC7C;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,oDAAoD;QACpE,WAAW,EAAE,qCAAqC;KACnD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,gCAAgC;KAC9C;IACD,SAAS,EAAE;QACT,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,yBAAyB;KACvC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  lookingForChallengePrompt: {\n    id: 'Dashboard.NoCoursesView.lookingForChallengePrompt',\n    defaultMessage: 'Looking for a new challenge?',\n    description: 'Prompt user for new challenge',\n  },\n  exploreCoursesPrompt: {\n    id: 'Dashboard.NoCoursesView.exploreCoursesPrompt',\n    defaultMessage: 'Explore our courses to add them to your dashboard.',\n    description: 'Prompt user to explore more courses',\n  },\n  exploreCoursesButton: {\n    id: 'Dashboard.NoCoursesView.exploreCoursesButton',\n    defaultMessage: 'Explore courses',\n    description: 'Button to explore more courses',\n  },\n  bannerAlt: {\n    id: 'Dashboard.NoCoursesView.bannerAlt',\n    defaultMessage: 'No Courses view banner',\n    description: 'No Courses view basnner',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CoursesPanel/index.d.ts

@@ -0,0 +1,5 @@
+export function CoursesPanel(): import("react/jsx-runtime").JSX.Element;
+export namespace CoursesPanel {
+    let propTypes: {};
+}
+export default CoursesPanel;

package/dist/containers/CoursesPanel/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { useInitializeLearnerHome } from '../../data/hooks';
+import { CourseFilterControls, } from '../../containers/CourseFilterControls';
+import CourseListSlot from '../../slots/CourseListSlot';
+import NoCoursesViewSlot from '../../slots/NoCoursesViewSlot';
+import { useFilters } from '../../data/context';
+import { getVisibleList } from '../../utils/dataTransformers';
+import messages from './messages';
+import './index.scss';
+/**
+ * Renders the list of CourseCards, as well as the controls (CourseFilterControls) for modifying the list.
+ * Also houses the NoCoursesView to display if the user hasn't enrolled in any courses.
+ * @returns List of courses as CourseCards or empty state
+*/
+export const CoursesPanel = () => {
+    const { formatMessage } = useIntl();
+    const { data } = useInitializeLearnerHome();
+    const hasCourses = useMemo(() => { var _a; return ((_a = data === null || data === void 0 ? void 0 : data.courses) === null || _a === void 0 ? void 0 : _a.length) > 0; }, [data]);
+    const { filters, sortBy, pageNumber, setPageNumber, } = useFilters();
+    const { visibleList, numPages } = useMemo(() => {
+        const transformedCourses = (data === null || data === void 0 ? void 0 : data.coursesByCardId)
+            ? Object.values(data.coursesByCardId)
+            : [];
+        return getVisibleList(transformedCourses, filters, sortBy, pageNumber);
+    }, [data, filters, sortBy, pageNumber]);
+    // Clamp page number when filtered/mutated list shrinks
+    React.useEffect(() => {
+        if (numPages > 0 && pageNumber > numPages) {
+            setPageNumber(1);
+        }
+    }, [numPages, pageNumber, setPageNumber]);
+    const courseListData = {
+        filterOptions: filters,
+        setPageNumber,
+        numPages,
+        visibleList,
+        showFilters: filters.length > 0,
+    };
+    return (_jsxs("div", { className: "course-list-container", children: [_jsxs("div", { className: "course-list-heading-container", children: [_jsx("h2", { className: "course-list-title", children: formatMessage(messages.myCourses) }), _jsx("div", { className: "course-filter-controls-container", children: _jsx(CourseFilterControls, {}) })] }), hasCourses ? _jsx(CourseListSlot, { courseListData: courseListData }) : _jsx(NoCoursesViewSlot, {})] }));
+};
+CoursesPanel.propTypes = {};
+export default CoursesPanel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/CoursesPanel/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EACL,oBAAoB,GACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB;;;;EAIE;AACF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,MAAM,EACJ,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,GAC3C,GAAG,UAAU,EAAE,CAAC;IACjB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7C,MAAM,kBAAkB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe;YAC9C,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;YACrC,CAAC,CAAC,EAAE,CAAC;QACP,OAAO,cAAc,CACnB,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,UAAU,CACX,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,IAAI,UAAU,GAAG,QAAQ,EAAE,CAAC;YAC1C,aAAa,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,MAAM,cAAc,GAAG;QACrB,aAAa,EAAE,OAAO;QACtB,aAAa;QACb,QAAQ;QACR,WAAW;QACX,WAAW,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC;KAChC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,+BAA+B,aAC5C,aAAI,SAAS,EAAC,mBAAmB,YAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAM,EAC1E,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,oBAAoB,KAAG,GACpB,IACF,EACL,UAAU,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,cAAc,EAAE,cAAc,GAAI,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,IACpF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC;AAE5B,eAAe,YAAY,CAAC","sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport {\n  CourseFilterControls,\n} from '../../containers/CourseFilterControls';\nimport CourseListSlot from '../../slots/CourseListSlot';\nimport NoCoursesViewSlot from '../../slots/NoCoursesViewSlot';\nimport { useFilters } from '@src/data/context';\n\nimport { getVisibleList } from '@src/utils/dataTransformers';\n\nimport messages from './messages';\n\nimport './index.scss';\n\n/**\n * Renders the list of CourseCards, as well as the controls (CourseFilterControls) for modifying the list.\n * Also houses the NoCoursesView to display if the user hasn't enrolled in any courses.\n * @returns List of courses as CourseCards or empty state\n*/\nexport const CoursesPanel = () => {\n  const { formatMessage } = useIntl();\n  const { data } = useInitializeLearnerHome();\n  const hasCourses = useMemo(() => data?.courses?.length > 0, [data]);\n\n  const {\n    filters, sortBy, pageNumber, setPageNumber,\n  } = useFilters();\n  const { visibleList, numPages } = useMemo(() => {\n    const transformedCourses = data?.coursesByCardId\n      ? Object.values(data.coursesByCardId)\n      : [];\n    return getVisibleList(\n      transformedCourses,\n      filters,\n      sortBy,\n      pageNumber,\n    );\n  }, [data, filters, sortBy, pageNumber]);\n\n  // Clamp page number when filtered/mutated list shrinks\n  React.useEffect(() => {\n    if (numPages > 0 && pageNumber > numPages) {\n      setPageNumber(1);\n    }\n  }, [numPages, pageNumber, setPageNumber]);\n\n  const courseListData = {\n    filterOptions: filters,\n    setPageNumber,\n    numPages,\n    visibleList,\n    showFilters: filters.length > 0,\n  };\n\n  return (\n    <div className=\"course-list-container\">\n      <div className=\"course-list-heading-container\">\n        <h2 className=\"course-list-title\">{formatMessage(messages.myCourses)}</h2>\n        <div className=\"course-filter-controls-container\">\n          <CourseFilterControls />\n        </div>\n      </div>\n      {hasCourses ? <CourseListSlot courseListData={courseListData} /> : <NoCoursesViewSlot />}\n    </div>\n  );\n};\n\nCoursesPanel.propTypes = {};\n\nexport default CoursesPanel;\n"]}

package/dist/containers/CoursesPanel/index.scss

@@ -0,0 +1,42 @@
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css";
+
+.course-list-heading-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.course-list-title {
+  font-size: var(--pgn-typography-font-size-h2-base);
+  margin: var(--pgn-spacing-spacer-3) 0;
+}
+
+.course-list-loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.course-filter-controls-container {
+  text-align: right;
+  align-self: center;
+}
+
+@media (--pgn-size-breakpoint-max-width-md) {
+  .course-list-heading-container {
+    flex-direction: column-reverse;
+    align-items: flex-start;
+  }
+
+  .course-filter-controls-container {
+    text-align: left;
+    align-self: flex-start;
+  }
+
+  .course-list-title {
+    font-size: var(--pgn-typography-font-size-h3-base);
+    margin: var(--pgn-spacing-spacer-2) 0;
+  }
+}

package/dist/containers/CoursesPanel/messages.d.ts

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

package/dist/containers/CoursesPanel/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    myCourses: {
+        id: 'dashboard.mycourses',
+        defaultMessage: 'My Courses',
+        description: 'Course list heading',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CoursesPanel/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/CoursesPanel/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  myCourses: {\n    id: 'dashboard.mycourses',\n    defaultMessage: 'My Courses',\n    description: 'Course list heading',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,58 @@
+export namespace columnConfig {
+    namespace courseList {
+        namespace withSidebar {
+            namespace lg {
+                let span: number;
+                let offset: number;
+            }
+            namespace xl {
+                let span_1: number;
+                export { span_1 as span };
+                let offset_1: number;
+                export { offset_1 as offset };
+            }
+        }
+        namespace noSidebar {
+            export namespace lg_1 {
+                let span_2: number;
+                export { span_2 as span };
+                let offset_2: number;
+                export { offset_2 as offset };
+            }
+            export { lg_1 as lg };
+            export namespace xl_1 {
+                let span_3: number;
+                export { span_3 as span };
+                let offset_3: number;
+                export { offset_3 as offset };
+            }
+            export { xl_1 as xl };
+        }
+    }
+    namespace sidebar {
+        export namespace lg_2 {
+            let span_4: number;
+            export { span_4 as span };
+            let offset_4: number;
+            export { offset_4 as offset };
+        }
+        export { lg_2 as lg };
+        export namespace xl_2 {
+            let span_5: number;
+            export { span_5 as span };
+            let offset_5: number;
+            export { offset_5 as offset };
+        }
+        export { xl_2 as xl };
+    }
+}
+export function DashboardLayout({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace DashboardLayout {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+export default DashboardLayout;
+import PropTypes from 'prop-types';

package/dist/containers/Dashboard/DashboardLayout.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Container, Col, Row } from '@openedx/paragon';
+import WidgetSidebarSlot from '../../slots/WidgetSidebarSlot';
+import hooks from './hooks';
+export const columnConfig = {
+    courseList: {
+        withSidebar: {
+            lg: { span: 12, offset: 0 },
+            xl: { span: 8, offset: 0 },
+        },
+        noSidebar: {
+            lg: { span: 12, offset: 0 },
+            xl: { span: 12, offset: 0 },
+        },
+    },
+    sidebar: {
+        lg: { span: 12, offset: 0 },
+        xl: { span: 4, offset: 0 },
+    },
+};
+export const DashboardLayout = ({ children }) => {
+    const { isCollapsed, sidebarShowing, } = hooks.useDashboardLayoutData();
+    const courseListColumnProps = sidebarShowing
+        ? columnConfig.courseList.withSidebar
+        : columnConfig.courseList.noSidebar;
+    return (_jsx(Container, { fluid: true, size: "xl", children: _jsxs(Row, { children: [_jsx(Col, Object.assign({}, courseListColumnProps, { className: "course-list-column", children: children })), _jsx(Col, Object.assign({}, columnConfig.sidebar, { className: ['sidebar-column', !isCollapsed && 'not-collapsed'], children: _jsx(WidgetSidebarSlot, {}) }))] }) }));
+};
+DashboardLayout.propTypes = {
+    children: PropTypes.node.isRequired,
+};
+export default DashboardLayout;
+//# sourceMappingURL=DashboardLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/DashboardLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE;QACV,WAAW,EAAE;YACX,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;YAC3B,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;SAC3B;QACD,SAAS,EAAE;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;YAC3B,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;SAC5B;KACF;IACD,OAAO,EAAE;QACP,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC3B,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9C,MAAM,EACJ,WAAW,EACX,cAAc,GACf,GAAG,KAAK,CAAC,sBAAsB,EAAE,CAAC;IAEnC,MAAM,qBAAqB,GAAG,cAAc;QAC1C,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,WAAW;QACrC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC;IAEtC,OAAO,CACL,KAAC,SAAS,IAAC,KAAK,QAAC,IAAI,EAAC,IAAI,YACxB,MAAC,GAAG,eACF,KAAC,GAAG,oBAAK,qBAAqB,IAAE,SAAS,EAAC,oBAAoB,YAC3D,QAAQ,IACL,EACN,KAAC,GAAG,oBAAK,YAAY,CAAC,OAAO,IAAE,SAAS,EAAE,CAAC,gBAAgB,EAAE,CAAC,WAAW,IAAI,eAAe,CAAC,YAC3F,KAAC,iBAAiB,KAAG,IACjB,IACF,GACI,CACb,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Container, Col, Row } from '@openedx/paragon';\n\nimport WidgetSidebarSlot from '../../slots/WidgetSidebarSlot';\n\nimport hooks from './hooks';\n\nexport const columnConfig = {\n  courseList: {\n    withSidebar: {\n      lg: { span: 12, offset: 0 },\n      xl: { span: 8, offset: 0 },\n    },\n    noSidebar: {\n      lg: { span: 12, offset: 0 },\n      xl: { span: 12, offset: 0 },\n    },\n  },\n  sidebar: {\n    lg: { span: 12, offset: 0 },\n    xl: { span: 4, offset: 0 },\n  },\n};\n\nexport const DashboardLayout = ({ children }) => {\n  const {\n    isCollapsed,\n    sidebarShowing,\n  } = hooks.useDashboardLayoutData();\n\n  const courseListColumnProps = sidebarShowing\n    ? columnConfig.courseList.withSidebar\n    : columnConfig.courseList.noSidebar;\n\n  return (\n    <Container fluid size=\"xl\">\n      <Row>\n        <Col {...courseListColumnProps} className=\"course-list-column\">\n          {children}\n        </Col>\n        <Col {...columnConfig.sidebar} className={['sidebar-column', !isCollapsed && 'not-collapsed']}>\n          <WidgetSidebarSlot />\n        </Col>\n      </Row>\n    </Container>\n  );\n};\nDashboardLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default DashboardLayout;\n"]}

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

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

package/dist/containers/Dashboard/LoadingView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Spinner } from '@openedx/paragon';
+import hooks from './hooks';
+export const LoadingView = () => {
+    const { spinnerScreenReaderText } = hooks.useDashboardMessages();
+    return (_jsx("div", { className: "course-list-loading", children: _jsx(Spinner, { animation: "border", className: "mie-3", screenReaderText: spinnerScreenReaderText }) }));
+};
+export default LoadingView;
+//# sourceMappingURL=LoadingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingView.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/LoadingView.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAEjE,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,OAAO,EACjB,gBAAgB,EAAE,uBAAuB,GACzC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\nimport { Spinner } from '@openedx/paragon';\n\nimport hooks from './hooks';\n\nexport const LoadingView = () => {\n  const { spinnerScreenReaderText } = hooks.useDashboardMessages();\n\n  return (\n    <div className=\"course-list-loading\">\n      <Spinner\n        animation=\"border\"\n        className=\"mie-3\"\n        screenReaderText={spinnerScreenReaderText}\n      />\n    </div>\n  );\n};\n\nexport default LoadingView;\n"]}

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

@@ -0,0 +1,15 @@
+export const state: any;
+export function useDashboardMessages(): {
+    spinnerScreenReaderText: string;
+    pageTitle: string;
+};
+export function useDashboardLayoutData(): {
+    isDashboardCollapsed: boolean;
+    sidebarShowing: any;
+    setSidebarShowing: any;
+};
+declare namespace _default {
+    export { useDashboardLayoutData };
+    export { useDashboardMessages };
+}
+export default _default;

package/dist/containers/Dashboard/hooks.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { StrictDict } from '../../utils';
+import appMessages from '../../messages';
+import * as module from './hooks';
+export const state = StrictDict({
+    sidebarShowing: (val) => React.useState(val), // eslint-disable-line
+});
+export const useDashboardMessages = () => {
+    const { formatMessage } = useIntl();
+    return {
+        spinnerScreenReaderText: formatMessage(appMessages['learner-dash.loadingSR']),
+        pageTitle: formatMessage(appMessages['learner-dash.title']),
+    };
+};
+export const useDashboardLayoutData = () => {
+    const { width } = useWindowSize();
+    const [sidebarShowing, setSidebarShowing] = module.state.sidebarShowing(true);
+    return {
+        isDashboardCollapsed: width < breakpoints.large.maxWidth,
+        sidebarShowing,
+        setSidebarShowing,
+    };
+};
+export default {
+    useDashboardLayoutData,
+    useDashboardMessages,
+};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,cAAc,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CACrE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO;QACL,uBAAuB,EAAE,aAAa,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;QAC7E,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;KAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAElC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC9E,OAAO;QACL,oBAAoB,EAAE,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ;QACxD,cAAc;QACd,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,sBAAsB;IACtB,oBAAoB;CACrB,CAAC","sourcesContent":["import React from 'react';\nimport { useWindowSize, breakpoints } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { StrictDict } from '../../utils';\n\nimport appMessages from '../../messages';\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  sidebarShowing: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useDashboardMessages = () => {\n  const { formatMessage } = useIntl();\n  return {\n    spinnerScreenReaderText: formatMessage(appMessages['learner-dash.loadingSR']),\n    pageTitle: formatMessage(appMessages['learner-dash.title']),\n  };\n};\n\nexport const useDashboardLayoutData = () => {\n  const { width } = useWindowSize();\n\n  const [sidebarShowing, setSidebarShowing] = module.state.sidebarShowing(true);\n  return {\n    isDashboardCollapsed: width < breakpoints.large.maxWidth,\n    sidebarShowing,\n    setSidebarShowing,\n  };\n};\n\nexport default {\n  useDashboardLayoutData,\n  useDashboardMessages,\n};\n"]}

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

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

package/dist/containers/Dashboard/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useSelectSessionModal } from '../../data/context';
+import { useInitializeLearnerHome } from '../../data/hooks';
+import SelectSessionModal from '../../containers/SelectSessionModal';
+import CoursesPanel from '../../containers/CoursesPanel';
+import DashboardModalSlot from '../../slots/DashboardModalSlot';
+import LoadingView from './LoadingView';
+import DashboardLayout from './DashboardLayout';
+import hooks from './hooks';
+import './index.scss';
+export const Dashboard = () => {
+    const { data, isPending } = useInitializeLearnerHome();
+    const { pageTitle } = hooks.useDashboardMessages();
+    const { selectSessionModal } = useSelectSessionModal();
+    const showSelectSessionModal = selectSessionModal.cardId !== null;
+    const hasCourses = useMemo(() => { var _a; return ((_a = data === null || data === void 0 ? void 0 : data.courses) === 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: isPending
+                            ? (_jsx(LoadingView, {}))
+                            : (_jsx(DashboardLayout, { children: _jsx(CoursesPanel, {}) })) })] }) }) }));
+};
+export default Dashboard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAEhE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACvD,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;IAElE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,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,YACxD,SAAS;4BACR,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC;4BACnB,CAAC,CAAC,CACA,KAAC,eAAe,cACd,KAAC,YAAY,KAAG,GACA,CACnB,GACC,IACF,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import React, { useMemo } from 'react';\n\nimport { useSelectSessionModal } from '@src/data/context';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport SelectSessionModal from '../../containers/SelectSessionModal';\nimport CoursesPanel from '../../containers/CoursesPanel';\nimport DashboardModalSlot from '../../slots/DashboardModalSlot';\n\nimport LoadingView from './LoadingView';\nimport DashboardLayout from './DashboardLayout';\nimport hooks from './hooks';\nimport './index.scss';\n\nexport const Dashboard = () => {\n  const { data, isPending } = useInitializeLearnerHome();\n  const { pageTitle } = hooks.useDashboardMessages();\n  const { selectSessionModal } = useSelectSessionModal();\n  const showSelectSessionModal = selectSessionModal.cardId !== null;\n\n  const hasCourses = useMemo(() => data?.courses?.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            {isPending\n              ? (<LoadingView />)\n              : (\n                <DashboardLayout>\n                  <CoursesPanel />\n                </DashboardLayout>\n              )}\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Dashboard;\n"]}