@edx/frontend-app-subscription-learner-dashboard 1.0.0

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

@@ -0,0 +1,88 @@
+export default messages;
+declare namespace messages {
+    namespace courseStatus {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace inProgress {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace notStarted {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace done {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    namespace notEnrolled {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    namespace upgraded {
+        let id_5: string;
+        export { id_5 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+    namespace clearAll {
+        let id_6: string;
+        export { id_6 as id };
+        let description_6: string;
+        export { description_6 as description };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+    }
+    namespace sort {
+        let id_7: string;
+        export { id_7 as id };
+        let description_7: string;
+        export { description_7 as description };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+    }
+    namespace sortLastEnrolled {
+        let id_8: string;
+        export { id_8 as id };
+        let description_8: string;
+        export { description_8 as description };
+        let defaultMessage_8: string;
+        export { defaultMessage_8 as defaultMessage };
+    }
+    namespace sortTitle {
+        let id_9: string;
+        export { id_9 as id };
+        let description_9: string;
+        export { description_9 as description };
+        let defaultMessage_9: string;
+        export { defaultMessage_9 as defaultMessage };
+    }
+    namespace refine {
+        let id_10: string;
+        export { id_10 as id };
+        let description_10: string;
+        export { description_10 as description };
+        let defaultMessage_10: string;
+        export { defaultMessage_10 as defaultMessage };
+    }
+}

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,17 @@
+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>;
+    verifiedCourse: PropTypes.Requireable<boolean>;
+}>>;
+export default CourseList;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Pagination } from '@openedx/paragon';
+import CourseCard from '../../../containers/CourseCard';
+import { useIsCollapsed } from './hooks';
+export const CourseList = ({ courseListData }) => {
+    const { setPageNumber, numPages, visibleList, verifiedCourse, } = courseListData;
+    const isCollapsed = useIsCollapsed();
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex flex-column flex-grow-1", children: [visibleList.map(({ cardId }) => (_jsx(CourseCard, { cardId: cardId, verifiedCourse: verifiedCourse }, 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,
+    verifiedCourse: PropTypes.bool,
+});
+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,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,UAAU,MAAM,4BAA4B,CAAC;AAEpD,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,cAAc,GACrD,GAAG,cAAc,CAAC;IAEnB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,4BACE,eAAK,SAAS,EAAC,gCAAgC,aAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,UAAU,IAAc,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,IAAtD,MAAM,CAAoD,CAC5E,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,GACL,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;IACxC,cAAc,EAAE,SAAS,CAAC,IAAI;CAC/B,CAAC,CAAC;AAEH,UAAU,CAAC,SAAS,GAAG;IACrB,cAAc,EAAE,mBAAmB;CACpC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Pagination } from '@openedx/paragon';\nimport CourseCard from '@src/containers/CourseCard';\n\nimport { useIsCollapsed } from './hooks';\n\nexport const CourseList = ({ courseListData }) => {\n  const {\n    setPageNumber, numPages, visibleList, verifiedCourse,\n  } = courseListData;\n\n  const isCollapsed = useIsCollapsed();\n  return (\n    <>\n      <div className=\"d-flex flex-column flex-grow-1\">\n        {visibleList.map(({ cardId }) => (\n          <CourseCard key={cardId} cardId={cardId} verifiedCourse={verifiedCourse} />\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  verifiedCourse: PropTypes.bool,\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,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+import { Button } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
+import { baseAppUrl } from '../../../data/services/lms/urls';
+import { useInitializeLearnerHome } from '../../../data/hooks';
+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", { className: "no-courses-content-view", children: [_jsx("p", { children: formatMessage(messages.inProgressCoursesPrompt) }), _jsx(Button, { variant: "brand", as: "a", href: baseAppUrl(courseSearchUrl), iconBefore: Search, children: formatMessage(messages.findCoursesButton) })] }));
+};
+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,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,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;IAE7E,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,sBAAI,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAK,EACxD,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,iBAAiB,CAAC,GACnC,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport { Button } from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nexport const NoCoursesView = () => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseSearchUrl = learnerData?.platformSettings?.courseSearchUrl || '';\n\n  return (\n    <div className=\"no-courses-content-view\">\n      <p>{formatMessage(messages.inProgressCoursesPrompt)}</p>\n      <Button\n        variant=\"brand\"\n        as=\"a\"\n        href={baseAppUrl(courseSearchUrl)}\n        iconBefore={Search}\n      >\n        {formatMessage(messages.findCoursesButton)}\n      </Button>\n    </div>\n  );\n};\n\nexport default NoCoursesView;\n"]}

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

@@ -0,0 +1,16 @@
+export default messages;
+declare namespace messages {
+    namespace inProgressCoursesPrompt {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace findCoursesButton {
+        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 };
+    }
+}

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    inProgressCoursesPrompt: {
+        id: 'Dashboard.NoCoursesView.inProgressCoursesPrompt',
+        defaultMessage: 'Your in-progress courses will be displayed here.',
+        description: 'Placeholder text for in-progress courses section',
+    },
+    findCoursesButton: {
+        id: 'Dashboard.NoCoursesView.findCoursesButton',
+        defaultMessage: 'Find a course',
+        description: 'Button to find more courses',
+    }
+});
+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,uBAAuB,EAAE;QACvB,EAAE,EAAE,iDAAiD;QACrD,cAAc,EAAE,kDAAkD;QAClE,WAAW,EAAE,kDAAkD;KAChE;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,6BAA6B;KAC3C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  inProgressCoursesPrompt: {\n    id: 'Dashboard.NoCoursesView.inProgressCoursesPrompt',\n    defaultMessage: 'Your in-progress courses will be displayed here.',\n    description: 'Placeholder text for in-progress courses section',\n  },\n  findCoursesButton: {\n    id: 'Dashboard.NoCoursesView.findCoursesButton',\n    defaultMessage: 'Find a course',\n    description: 'Button to find more courses',\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,48 @@
+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]);
+    // TODO [TEMP]: Passing data twice and displaying the list twice, also fixed the corresponding test cases to reflect this.
+    // Reason: Requirements not finalized
+    // Action: Revisit after UX and data confirmation
+    const courseListData = {
+        setPageNumber,
+        numPages,
+        visibleList,
+        verifiedCourse: true,
+    };
+    const limitedCourseListData = Object.assign(Object.assign({}, courseListData), { verifiedCourse: false });
+    return (_jsxs("div", { className: "course-list-container", children: [_jsx("div", { className: "course-list-heading-container", children: _jsx("h2", { className: "course-list-title", children: formatMessage(messages.myCourses) }) }), hasCourses ? _jsx(CourseListSlot, { courseListData: courseListData }) : _jsx(NoCoursesViewSlot, {}), _jsx("div", { className: "course-list-heading-container", children: _jsx("h2", { className: "course-list-title text-gray-700", children: formatMessage(messages.limitedCourse) }) }), hasCourses ? _jsx(CourseListSlot, { courseListData: limitedCourseListData }) : _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":"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","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  // TODO [TEMP]: Passing data twice and displaying the list twice, also fixed the corresponding test cases to reflect this.\n  // Reason: Requirements not finalized\n  // Action: Revisit after UX and data confirmation\n  const courseListData = {\n    setPageNumber,\n    numPages,\n    visibleList,\n    verifiedCourse: true,\n  };\n\n  const limitedCourseListData = {\n    ...courseListData,\n    verifiedCourse: false,\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>\n      {hasCourses ? <CourseListSlot courseListData={courseListData} /> : <NoCoursesViewSlot />}\n\n      <div className=\"course-list-heading-container\">\n        <h2 className=\"course-list-title text-gray-700\">{formatMessage(messages.limitedCourse)}</h2>\n      </div>\n      {hasCourses ? <CourseListSlot courseListData={limitedCourseListData} /> : <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-h3-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,16 @@
+export default messages;
+declare namespace messages {
+    namespace myCourses {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace limitedCourse {
+        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 };
+    }
+}

package/dist/containers/CoursesPanel/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    myCourses: {
+        id: 'dashboard.mycourses',
+        defaultMessage: 'Courses',
+        description: 'Label for courses belonging to a user\'s active subscription',
+    },
+    limitedCourse: {
+        id: 'subs.limitedCourses',
+        defaultMessage: 'Limited access courses',
+        description: 'Label for subscription courses with limited access',
+    }
+});
+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,SAAS;QACzB,WAAW,EAAE,8DAA8D;KAC5E;IACD,aAAa,EAAE;QACb,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,oDAAoD;KAClE;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: 'Courses',\n    description: 'Label for courses belonging to a user\\'s active subscription',\n  },\n  limitedCourse: {\n    id: 'subs.limitedCourses',\n    defaultMessage: 'Limited access courses',\n    description: 'Label for subscription courses with limited access',\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/DashboardTabs.d.ts

@@ -0,0 +1,2 @@
+declare const DashboardTabs: () => import("react/jsx-runtime").JSX.Element;
+export default DashboardTabs;

package/dist/containers/Dashboard/DashboardTabs.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState, useCallback } from 'react';
+import { Tabs, Tab } from '@openedx/paragon';
+import CoursesPanel from '../../containers/CoursesPanel';
+const DashboardTabs = () => {
+    var _a;
+    // Defining the tabs here
+    const dashboardTabs = useMemo(() => ([
+        {
+            key: 'courses',
+            title: 'Courses',
+            panel: _jsx(CoursesPanel, {}),
+        },
+        {
+            key: 'programs',
+            title: 'Programs',
+            panel: _jsx("span", { children: "Programs tab will be available soon." }),
+        },
+        {
+            key: 'history',
+            title: 'History',
+            panel: _jsx("span", { children: "History tab will be available soon." }),
+        },
+    ]), []);
+    const [activeTab, setActiveTab] = useState(dashboardTabs[0].key);
+    const handleTabSelect = useCallback((tabKey) => {
+        if (tabKey) {
+            setActiveTab(tabKey);
+        }
+    }, []);
+    return (_jsx(Tabs, { id: "subscription-dashboard-tabs", defaultActiveKey: (_a = dashboardTabs[0]) === null || _a === void 0 ? void 0 : _a.key, activeKey: activeTab, onSelect: handleTabSelect, className: "mb-4", mountOnEnter: true, children: dashboardTabs.map(tab => (_jsx(Tab, { eventKey: tab.key, title: tab.title, children: tab.panel }, tab.key))) }));
+};
+export default DashboardTabs;
+//# sourceMappingURL=DashboardTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTabs.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/DashboardTabs.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,MAAM,aAAa,GAAG,GAAG,EAAE;;IACzB,yBAAyB;IACzB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACnC;YACE,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,KAAC,YAAY,KAAG;SACxB;QACD;YACE,GAAG,EAAE,UAAU;YACf,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,kEAAiD;SACzD;QACD;YACE,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,iEAAgD;SACxD;KACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAER,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACjE,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7C,IAAI,MAAM,EAAE,CAAC;YACX,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAC,6BAA6B,EAChC,gBAAgB,EAAE,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,GAAG,EACvC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAC,MAAM,EAChB,YAAY,kBAEX,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACxB,KAAC,GAAG,IAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,GAAG,CAAC,KAAK,IADmC,GAAG,CAAC,GAAG,CAEhD,CACP,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React, { useMemo, useState, useCallback } from 'react';\nimport { Tabs, Tab } from '@openedx/paragon';\nimport CoursesPanel from '../../containers/CoursesPanel';\n\nconst DashboardTabs = () => {\n  // Defining the tabs here\n  const dashboardTabs = useMemo(() => ([\n    {\n      key: 'courses',\n      title: 'Courses',\n      panel: <CoursesPanel />,\n    },\n    {\n      key: 'programs',\n      title: 'Programs',\n      panel: <span>Programs tab will be available soon.</span>,\n    },\n    {\n      key: 'history',\n      title: 'History',\n      panel: <span>History tab will be available soon.</span>,\n    },\n  ]), []);\n\n  const [activeTab, setActiveTab] = useState(dashboardTabs[0].key);\n  const handleTabSelect = useCallback((tabKey) => {\n    if (tabKey) {\n      setActiveTab(tabKey);\n    }\n  }, []);\n\n  return (\n    <Tabs\n      id=\"subscription-dashboard-tabs\"\n      defaultActiveKey={dashboardTabs[0]?.key}\n      activeKey={activeTab}\n      onSelect={handleTabSelect}\n      className=\"mb-4\"\n      mountOnEnter\n    >\n      {dashboardTabs.map(tab => (\n        <Tab eventKey={tab.key} title={tab.title} key={tab.key}>\n          {tab.panel}\n        </Tab>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default DashboardTabs;\n"]}

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DashboardTitle: FC;

package/dist/containers/Dashboard/DashboardTitle.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Col } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+export const DashboardTitle = () => {
+    const { formatMessage } = useIntl();
+    return (_jsxs(Col, { xs: 12, className: "my-4", children: [_jsx("h2", { className: "font-weight-bold mb-2", "data-testid": "dashboard-title", children: formatMessage(messages.dashboardTitle) }), _jsx("p", { className: "mb-0 text-body", "data-testid": "dashboard-subtitle", children: formatMessage(messages.dashboardSubtitle) })] }));
+};
+//# sourceMappingURL=DashboardTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTitle.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/DashboardTitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE;IACrC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,aAC3B,aAAI,SAAS,EAAC,uBAAuB,iBAAa,iBAAiB,YAChE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GACpC,EACL,YAAG,SAAS,EAAC,gBAAgB,iBAAa,oBAAoB,YAC3D,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GACxC,IACA,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC } from 'react';\nimport { Col } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport messages from './messages';\n\nexport const DashboardTitle: FC = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Col xs={12} className=\"my-4\">\n      <h2 className=\"font-weight-bold mb-2\" data-testid=\"dashboard-title\">\n        {formatMessage(messages.dashboardTitle)}\n      </h2>\n      <p className=\"mb-0 text-body\" data-testid=\"dashboard-subtitle\">\n        {formatMessage(messages.dashboardSubtitle)}\n      </p>\n    </Col>\n  );\n};\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