@edx/frontend-app-subscription-learner-dashboard 1.6.0 → 1.8.0

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

@@ -1,51 +1,3 @@
-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;

package/dist/containers/Dashboard/DashboardLayout.js

@@ -1,31 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } 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, {}) }))] }) }));
+    return (_jsx(Container, { fluid: true, size: "xl", children: _jsx(Row, { children: _jsx(Col, { className: "course-list-column", children: children }) }) }));
 };
 DashboardLayout.propTypes = {
     children: PropTypes.node.isRequired,

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

@@ -1 +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"]}
+{"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,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9C,OAAO,CACL,KAAC,SAAS,IAAC,KAAK,QAAC,IAAI,EAAC,IAAI,YACxB,KAAC,GAAG,cACF,KAAC,GAAG,IAAC,SAAS,EAAC,oBAAoB,YAChC,QAAQ,GACL,GACF,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\nexport const DashboardLayout = ({ children }) => {\n  return (\n    <Container fluid size=\"xl\">\n      <Row>\n        <Col className=\"course-list-column\">\n          {children}\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/index.js

@@ -5,6 +5,7 @@ import { useInitializeLearnerHome } from '../../data/hooks';
 import SelectSessionModal from '../../containers/SelectSessionModal';
 import DashboardTabs from './DashboardTabs';
 import DashboardModalSlot from '../../slots/DashboardModalSlot';
+import RecentlyViewedPanel from '../RecentlyViewedPanel';
 import LoadingView from './LoadingView';
 import DashboardLayout from './DashboardLayout';
 import hooks from './hooks';
@@ -19,7 +20,7 @@ export const Dashboard = () => {
     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, {}))
-                            : (_jsxs(DashboardLayout, { children: [_jsx(SubscriptionBanner, {}), _jsx(DashboardTitle, {}), _jsx(DashboardTabs, {})] })) })] }) }) }));
+                            : (_jsxs(DashboardLayout, { children: [_jsx(SubscriptionBanner, {}), _jsx(DashboardTitle, {}), _jsx(DashboardTabs, {}), _jsx(RecentlyViewedPanel, {})] })) })] }) }) }));
 };
 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;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAEhE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,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,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,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,MAAC,eAAe,eACd,KAAC,kBAAkB,KAAG,EACtB,KAAC,cAAc,KAAG,EAClB,KAAC,aAAa,KAAG,IACD,CACnB,GACC,IACF,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport { useSelectSessionModal } from '@src/data/context';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport SelectSessionModal from '../../containers/SelectSessionModal';\nimport DashboardTabs from './DashboardTabs';\nimport DashboardModalSlot from '../../slots/DashboardModalSlot';\n\nimport LoadingView from './LoadingView';\nimport DashboardLayout from './DashboardLayout';\n\nimport hooks from './hooks';\nimport './index.scss';\nimport { SubscriptionBanner } from '../SubscriptionBanner';\nimport { DashboardTitle } from './DashboardTitle';\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                  <SubscriptionBanner />\n                  <DashboardTitle />\n                  <DashboardTabs />\n                </DashboardLayout>\n              )}\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;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAChE,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AAEzD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,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,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,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,MAAC,eAAe,eACd,KAAC,kBAAkB,KAAG,EACtB,KAAC,cAAc,KAAG,EAClB,KAAC,aAAa,KAAG,EACjB,KAAC,mBAAmB,KAAG,IACP,CACnB,GACC,IACF,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport { useSelectSessionModal } from '@src/data/context';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport SelectSessionModal from '../../containers/SelectSessionModal';\nimport DashboardTabs from './DashboardTabs';\nimport DashboardModalSlot from '../../slots/DashboardModalSlot';\nimport RecentlyViewedPanel from '../RecentlyViewedPanel';\n\nimport LoadingView from './LoadingView';\nimport DashboardLayout from './DashboardLayout';\n\nimport hooks from './hooks';\nimport './index.scss';\nimport { SubscriptionBanner } from '../SubscriptionBanner';\nimport { DashboardTitle } from './DashboardTitle';\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                  <SubscriptionBanner />\n                  <DashboardTitle />\n                  <DashboardTabs />\n                  <RecentlyViewedPanel />\n                </DashboardLayout>\n              )}\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default Dashboard;\n"]}

package/dist/containers/Dashboard/index.scss

@@ -2,28 +2,4 @@
 
 .course-list-column {
   padding: 0 var(--pgn-spacing-spacer-4);
-}
-
-.sidebar-column {
-  padding: 0 var(--pgn-spacing-spacer-3) 0 var(--pgn-spacing-spacer-1);
-
-  &.not-collapsed {
-    padding-top: var(--pgn-spacing-spacer-2);
-
-    & >:first-child {
-      margin-top: var(--pgn-spacing-spacer-5-5);
-    }
-  }
-}
-
-@media (--pgn-size-breakpoint-max-width-lg) {
-  .sidebar-column {
-    // grid are inheriting dir="ltr" from the body, so we need to override it
-    [dir=ltr] & {
-      padding: 0 var(--pgn-spacing-spacer-3);
-    }
-    [dir=rtl] & {
-      padding: 0 var(--pgn-spacing-spacer-3);
-    }
-  }
-}
+}

package/dist/containers/ProgramDashboard/ProgramsList/index.js

@@ -30,7 +30,7 @@ const ProgramsList = () => {
                 contactSupportUrl: (_jsx(Alert.Link, { href: contactUrl, children: contactUrl })),
             }) }));
     };
-    return (_jsxs(Container, { size: "lg", children: [_jsx("h3", { children: formatMessage(messages.programsListHeaderText) }), _jsx("p", { children: formatMessage(messages.programsListDescriptionText) }), _jsx(Row, { className: "py-3", children: errorState ? renderFailureAlert() : renderPrograms() })] }));
+    return (_jsxs(Container, { size: "lg", children: [_jsx("p", { children: formatMessage(messages.programsListDescriptionText) }), _jsx(Row, { className: "py-3", children: errorState ? renderFailureAlert() : renderPrograms() })] }));
 };
 export default ProgramsList;
 //# sourceMappingURL=index.js.map

package/dist/containers/ProgramDashboard/ProgramsList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,GAC9C,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,EACJ,IAAI,EAAE,YAAY,GAAG,EAAE,EACvB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,KAAK,GACN,GAAG,mBAAmB,EAAE,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oCAAoC,YACzD,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAE,aAAa,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,GAAI,GAC/F,CACP,CAAC;QACJ,CAAC;QACD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,CACL,4BACE,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YACjB,KAAC,QAAQ,IAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACrC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC3B,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,IAAI,CAEjB,CACH,CAAC,GACO,GACP,GACL,CACJ,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,UAAU,CAAC;QAC3D,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAC,QAAQ,YACxD,aAAa,CAAC,QAAQ,CAAC,8BAA8B,EAAE;gBACtD,iBAAiB,EAAE,CACjB,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YACzB,UAAU,GACA,CACd;aACF,CAAC,GACI,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,IAAI,aAClB,uBACG,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAC5C,EACL,sBACG,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,GAClD,EACJ,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACjD,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  Alert, CardGrid, Col, Container, Row, Spinner,\n} from '@openedx/paragon';\nimport { useIntl, logError, getSiteConfig } from '@openedx/frontend-base';\nimport appMessages from '../../../messages';\nimport ProgramListCard from './ProgramListCard';\nimport messages from './messages';\n\nimport './index.scss';\nimport { useProgramsListData } from '@src/data/hooks';\n\nconst ProgramsList: React.FC = () => {\n  const { formatMessage } = useIntl();\n\n  const {\n    data: programsData = [],\n    isLoading,\n    isError: errorState,\n    error,\n  } = useProgramsListData();\n\n  useEffect(() => {\n    if (error) {\n      logError(error);\n    }\n  }, [error]);\n\n  const renderPrograms = () => {\n    if (isLoading) {\n      return (\n        <Col sm={12} className=\"d-flex justify-content-center py-4\">\n          <Spinner animation=\"border\" screenReaderText={formatMessage(appMessages['subs-dash.loadingSR'])} />\n        </Col>\n      );\n    }\n    if (programsData.length > 0) {\n      return (\n        <>\n          <Col sm={12} md={12}>\n            <CardGrid columnSizes={{ xs: 12, lg: 6 }}>\n              {programsData.map(program => (\n                <ProgramListCard\n                  key={program.uuid}\n                  program={program}\n                />\n              ))}\n            </CardGrid>\n          </Col>\n        </>\n      );\n    }\n    return null;\n  };\n\n  const renderFailureAlert = () => {\n    const contactUrl = `${getSiteConfig().lmsBaseUrl}/contact`;\n    return (\n      <Alert className=\"mx-auto container-mw-md\" variant=\"danger\">\n        {formatMessage(messages.errorLoadingProgramEnrollments, {\n          contactSupportUrl: (\n            <Alert.Link href={contactUrl}>\n              {contactUrl}\n            </Alert.Link>\n          ),\n        })}\n      </Alert>\n    );\n  };\n\n  return (\n    <Container size=\"lg\">\n      <h3>\n        {formatMessage(messages.programsListHeaderText)}\n      </h3>\n      <p>\n        {formatMessage(messages.programsListDescriptionText)}\n      </p>\n      <Row className=\"py-3\">\n        {errorState ? renderFailureAlert() : renderPrograms()}\n      </Row>\n    </Container>\n  );\n};\n\nexport default ProgramsList;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,GAC9C,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,EACJ,IAAI,EAAE,YAAY,GAAG,EAAE,EACvB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,KAAK,GACN,GAAG,mBAAmB,EAAE,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oCAAoC,YACzD,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAE,aAAa,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,GAAI,GAC/F,CACP,CAAC;QACJ,CAAC;QACD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,CACL,4BACE,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YACjB,KAAC,QAAQ,IAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACrC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC3B,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,IAAI,CAEjB,CACH,CAAC,GACO,GACP,GACL,CACJ,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,UAAU,CAAC;QAC3D,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAC,QAAQ,YACxD,aAAa,CAAC,QAAQ,CAAC,8BAA8B,EAAE;gBACtD,iBAAiB,EAAE,CACjB,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YACzB,UAAU,GACA,CACd;aACF,CAAC,GACI,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,IAAI,aAClB,sBACG,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,GAClD,EACJ,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACjD,IACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  Alert, CardGrid, Col, Container, Row, Spinner,\n} from '@openedx/paragon';\nimport { useIntl, logError, getSiteConfig } from '@openedx/frontend-base';\nimport appMessages from '../../../messages';\nimport ProgramListCard from './ProgramListCard';\nimport messages from './messages';\n\nimport './index.scss';\nimport { useProgramsListData } from '@src/data/hooks';\n\nconst ProgramsList: React.FC = () => {\n  const { formatMessage } = useIntl();\n\n  const {\n    data: programsData = [],\n    isLoading,\n    isError: errorState,\n    error,\n  } = useProgramsListData();\n\n  useEffect(() => {\n    if (error) {\n      logError(error);\n    }\n  }, [error]);\n\n  const renderPrograms = () => {\n    if (isLoading) {\n      return (\n        <Col sm={12} className=\"d-flex justify-content-center py-4\">\n          <Spinner animation=\"border\" screenReaderText={formatMessage(appMessages['subs-dash.loadingSR'])} />\n        </Col>\n      );\n    }\n    if (programsData.length > 0) {\n      return (\n        <>\n          <Col sm={12} md={12}>\n            <CardGrid columnSizes={{ xs: 12, lg: 6 }}>\n              {programsData.map(program => (\n                <ProgramListCard\n                  key={program.uuid}\n                  program={program}\n                />\n              ))}\n            </CardGrid>\n          </Col>\n        </>\n      );\n    }\n    return null;\n  };\n\n  const renderFailureAlert = () => {\n    const contactUrl = `${getSiteConfig().lmsBaseUrl}/contact`;\n    return (\n      <Alert className=\"mx-auto container-mw-md\" variant=\"danger\">\n        {formatMessage(messages.errorLoadingProgramEnrollments, {\n          contactSupportUrl: (\n            <Alert.Link href={contactUrl}>\n              {contactUrl}\n            </Alert.Link>\n          ),\n        })}\n      </Alert>\n    );\n  };\n\n  return (\n    <Container size=\"lg\">\n      <p>\n        {formatMessage(messages.programsListDescriptionText)}\n      </p>\n      <Row className=\"py-3\">\n        {errorState ? renderFailureAlert() : renderPrograms()}\n      </Row>\n    </Container>\n  );\n};\n\nexport default ProgramsList;\n"]}

package/dist/containers/ProgramDashboard/ProgramsList/messages.d.ts

@@ -1,9 +1,4 @@
 declare const messages: {
-    programsListHeaderText: {
-        defaultMessage: string;
-        id: string;
-        description: string;
-    };
     programsListDescriptionText: {
         defaultMessage: string;
         id: string;

package/dist/containers/ProgramDashboard/ProgramsList/messages.js

@@ -1,10 +1,5 @@
 import { defineMessages } from '@openedx/frontend-base';
 const messages = defineMessages({
-    programsListHeaderText: {
-        defaultMessage: 'Programs',
-        id: 'programs.list.header.text',
-        description: 'Header text for the programs list',
-    },
     programsListDescriptionText: {
         defaultMessage: 'When you enroll in a course associated with a program — professional certificate or MicroMasters — the program will be displayed here',
         id: 'programs.list.description.text',

package/dist/containers/ProgramDashboard/ProgramsList/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,sBAAsB,EAAE;QACtB,cAAc,EAAE,UAAU;QAC1B,EAAE,EAAE,2BAA2B;QAC/B,WAAW,EAAE,mCAAmC;KACjD;IACD,2BAA2B,EAAE;QAC3B,cAAc,EAAE,uIAAuI;QACvJ,EAAE,EAAE,gCAAgC;QACpC,WAAW,EAAE,wCAAwC;KACtD;IACD,gCAAgC,EAAE;QAChC,EAAE,EAAE,iEAAiE;QACrE,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,mDAAmD;KACjE;IACD,iCAAiC,EAAE;QACjC,EAAE,EAAE,kEAAkE;QACtE,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,qDAAqD;KACnE;IACD,8BAA8B,EAAE;QAC9B,EAAE,EAAE,iEAAiE;QACrE,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,mDAAmD;KACjE;IACD,8BAA8B,EAAE;QAC9B,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,wKAAwK;QACxL,WAAW,EAAE,uDAAuD;KACrE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  programsListHeaderText: {\n    defaultMessage: 'Programs',\n    id: 'programs.list.header.text',\n    description: 'Header text for the programs list',\n  },\n  programsListDescriptionText: {\n    defaultMessage: 'When you enroll in a course associated with a program — professional certificate or MicroMasters — the program will be displayed here',\n    id: 'programs.list.description.text',\n    description: 'Description text for the programs list',\n  },\n  progressCategoryBubblesRemaining: {\n    id: 'dashboard.programs.program.listing.card.remaining.courses.count',\n    defaultMessage: 'Remaining',\n    description: 'Label for remaining courses count on program card',\n  },\n  progressCategoryBubblesInProgress: {\n    id: 'dashboard.programs.program.listing.card.inProgress.courses.count',\n    defaultMessage: 'In Progress',\n    description: 'Label for in progress courses count on program card',\n  },\n  progressCategoryBubblesSuccess: {\n    id: 'dashboard.programs.program.listing.card.completed.courses.count',\n    defaultMessage: 'Completed',\n    description: 'Label for completed courses count on program card',\n  },\n  errorLoadingProgramEnrollments: {\n    id: 'alert.error.loading.program.enrollments',\n    defaultMessage: 'An error occurred while attempting to retrieve program enrollments. Try refreshing the page. If that doesn\\'t solve the issue, contact support at {contactSupportUrl}.',\n    description: 'Alert message for failure to load program enrollments',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,2BAA2B,EAAE;QAC3B,cAAc,EAAE,uIAAuI;QACvJ,EAAE,EAAE,gCAAgC;QACpC,WAAW,EAAE,wCAAwC;KACtD;IACD,gCAAgC,EAAE;QAChC,EAAE,EAAE,iEAAiE;QACrE,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,mDAAmD;KACjE;IACD,iCAAiC,EAAE;QACjC,EAAE,EAAE,kEAAkE;QACtE,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,qDAAqD;KACnE;IACD,8BAA8B,EAAE;QAC9B,EAAE,EAAE,iEAAiE;QACrE,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,mDAAmD;KACjE;IACD,8BAA8B,EAAE;QAC9B,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,wKAAwK;QACxL,WAAW,EAAE,uDAAuD;KACrE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  programsListDescriptionText: {\n    defaultMessage: 'When you enroll in a course associated with a program — professional certificate or MicroMasters — the program will be displayed here',\n    id: 'programs.list.description.text',\n    description: 'Description text for the programs list',\n  },\n  progressCategoryBubblesRemaining: {\n    id: 'dashboard.programs.program.listing.card.remaining.courses.count',\n    defaultMessage: 'Remaining',\n    description: 'Label for remaining courses count on program card',\n  },\n  progressCategoryBubblesInProgress: {\n    id: 'dashboard.programs.program.listing.card.inProgress.courses.count',\n    defaultMessage: 'In Progress',\n    description: 'Label for in progress courses count on program card',\n  },\n  progressCategoryBubblesSuccess: {\n    id: 'dashboard.programs.program.listing.card.completed.courses.count',\n    defaultMessage: 'Completed',\n    description: 'Label for completed courses count on program card',\n  },\n  errorLoadingProgramEnrollments: {\n    id: 'alert.error.loading.program.enrollments',\n    defaultMessage: 'An error occurred while attempting to retrieve program enrollments. Try refreshing the page. If that doesn\\'t solve the issue, contact support at {contactSupportUrl}.',\n    description: 'Alert message for failure to load program enrollments',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/ProgramsPanel/index.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useMemo } from 'react';
 import { useIntl } from '@openedx/frontend-base';
 import messages from './messages';
 import NoProgramsView from './NoProgramsView';
+import { ProgramsList } from '../ProgramDashboard';
+import { useProgramsListData } from '../../data/hooks/queryHooks';
 export const ProgramsPanel = () => {
     const { formatMessage } = useIntl();
-    const [hasProgramsEnrollment] = useState(false);
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "programs-list-container mb-5", "data-testid": "programs-list", children: [_jsx("div", { className: "d-flex flex-row justify-content-between text-center", children: _jsx("h3", { className: "programs-list-title mb-3", children: formatMessage(messages.myPrograms) }) }), !hasProgramsEnrollment && _jsx(NoProgramsView, {})] }) }));
+    const { data: programsData = [] } = useProgramsListData();
+    const hasProgramsEnrollment = useMemo(() => (programsData === null || programsData === void 0 ? void 0 : programsData.length) > 0, [programsData]);
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "programs-list-container mb-5", "data-testid": "programs-list", children: [_jsx("div", { className: "d-flex flex-row justify-content-between text-center", children: _jsx("h3", { className: "programs-list-title mb-3", children: formatMessage(messages.myPrograms) }) }), !hasProgramsEnrollment ? _jsx(NoProgramsView, {}) : _jsx(ProgramsList, {})] }) }));
 };
 export default ProgramsPanel;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/ProgramsPanel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAO,GAAG,EAAE;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,4BACE,eAAK,SAAS,EAAC,8BAA8B,iBAAa,eAAe,aACvE,cAAK,SAAS,EAAC,qDAAqD,YAClE,aAAI,SAAS,EAAC,0BAA0B,YAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAM,GAC9E,EACL,CAAC,qBAAqB,IAAI,KAAC,cAAc,KAAG,IACzC,GACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { FC, useState } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport NoProgramsView from './NoProgramsView';\n\nexport const ProgramsPanel: FC = () => {\n  const { formatMessage } = useIntl();\n  const [hasProgramsEnrollment] = useState(false);\n\n  return (\n    <>\n      <div className=\"programs-list-container mb-5\" data-testid=\"programs-list\">\n        <div className=\"d-flex flex-row justify-content-between text-center\">\n          <h3 className=\"programs-list-title mb-3\">{formatMessage(messages.myPrograms)}</h3>\n        </div>\n        {!hasProgramsEnrollment && <NoProgramsView />}\n      </div>\n    </>\n  );\n};\n\nexport default ProgramsPanel;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/ProgramsPanel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,CAAC,MAAM,aAAa,GAAO,GAAG,EAAE;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC1D,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,4BACE,eAAK,SAAS,EAAC,8BAA8B,iBAAa,eAAe,aACvE,cAAK,SAAS,EAAC,qDAAqD,YAClE,aAAI,SAAS,EAAC,0BAA0B,YAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAM,GAC9E,EACL,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,IAC3D,GACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { FC, useMemo } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport NoProgramsView from './NoProgramsView';\nimport { ProgramsList } from '../ProgramDashboard';\nimport { useProgramsListData } from '@src/data/hooks/queryHooks';\n\nexport const ProgramsPanel: FC = () => {\n  const { formatMessage } = useIntl();\n  const { data: programsData = [] } = useProgramsListData();\n  const hasProgramsEnrollment = useMemo(() => programsData?.length > 0, [programsData]);\n\n  return (\n    <>\n      <div className=\"programs-list-container mb-5\" data-testid=\"programs-list\">\n        <div className=\"d-flex flex-row justify-content-between text-center\">\n          <h3 className=\"programs-list-title mb-3\">{formatMessage(messages.myPrograms)}</h3>\n        </div>\n        {!hasProgramsEnrollment ? <NoProgramsView /> : <ProgramsList />}\n      </div>\n    </>\n  );\n};\n\nexport default ProgramsPanel;\n"]}

package/dist/containers/RecentlyViewedPanel/NoRecentlyViewedItems/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const NoRecentlyViewedItems: FC;
+export default NoRecentlyViewedItems;

package/dist/containers/RecentlyViewedPanel/NoRecentlyViewedItems/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+const NoRecentlyViewedItems = () => {
+    const { formatMessage } = useIntl();
+    return (_jsx("div", { "data-testid": "no-recently-viewed-items", children: _jsx("p", { className: "mb-0", children: formatMessage(messages.recentlyViewedEmptyState) }) }));
+};
+export default NoRecentlyViewedItems;
+//# sourceMappingURL=index.js.map

package/dist/containers/RecentlyViewedPanel/NoRecentlyViewedItems/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/RecentlyViewedPanel/NoRecentlyViewedItems/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,qBAAqB,GAAO,GAAG,EAAE;IACrC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,6BAAiB,0BAA0B,YACzC,YAAG,SAAS,EAAC,MAAM,YAAE,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,GAAK,GACtE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { FC } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport messages from './messages';\n\nconst NoRecentlyViewedItems: FC = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div data-testid=\"no-recently-viewed-items\">\n      <p className=\"mb-0\">{formatMessage(messages.recentlyViewedEmptyState)}</p>\n    </div>\n  );\n};\n\nexport default NoRecentlyViewedItems;\n"]}

package/dist/containers/RecentlyViewedPanel/NoRecentlyViewedItems/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    recentlyViewedEmptyState: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/containers/RecentlyViewedPanel/NoRecentlyViewedItems/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    recentlyViewedEmptyState: {
+        id: 'subs-dash.recentlyViewedPanel.emptyState',
+        defaultMessage: 'When you browse the edX Unlimited catalog, we\'ll show the courses and programs you viewed here.',
+        description: 'Placeholder text for recently viewed courses and programs section',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/RecentlyViewedPanel/NoRecentlyViewedItems/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/RecentlyViewedPanel/NoRecentlyViewedItems/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,wBAAwB,EAAE;QACxB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,kGAAkG;QAClH,WAAW,EAAE,mEAAmE;KACjF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  recentlyViewedEmptyState: {\n    id: 'subs-dash.recentlyViewedPanel.emptyState',\n    defaultMessage: 'When you browse the edX Unlimited catalog, we\\'ll show the courses and programs you viewed here.',\n    description: 'Placeholder text for recently viewed courses and programs section',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/RecentlyViewedPanel/RecentlyViewedCourseProgram/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RecentlyViewedCourseProgramProps } from './data/types';
+export declare const RecentlyViewedCourseProgram: FC<RecentlyViewedCourseProgramProps>;
+export default RecentlyViewedCourseProgram;

package/dist/containers/RecentlyViewedPanel/RecentlyViewedCourseProgram/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProductCard } from '../../ProductCard';
+export const RecentlyViewedCourseProgram = ({ items, isLoading }) => {
+    return (_jsx("div", { "data-testid": "recently-viewed-items", children: _jsx("div", { className: "row g-3 flex-nowrap flex-md-wrap overflow-auto", children: items.map((item) => (_jsx("div", { className: "col-12 col-md-6 col-xl-3 d-flex mb-2", children: _jsx(ProductCard, { item: item, isLoading: isLoading }) }, item.id))) }) }));
+};
+export default RecentlyViewedCourseProgram;
+//# sourceMappingURL=index.js.map

package/dist/containers/RecentlyViewedPanel/RecentlyViewedCourseProgram/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/RecentlyViewedPanel/RecentlyViewedCourseProgram/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,MAAM,2BAA2B,GAAyC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,6BAAiB,uBAAuB,YACtC,cAAK,SAAS,EAAC,gDAAgD,YAC5D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,cAAmB,SAAS,EAAC,sCAAsC,YACjE,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,IADzC,IAAI,CAAC,EAAE,CAEX,CACP,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import { FC } from 'react';\n\nimport { ProductCard } from '../../ProductCard';\nimport { RecentlyViewedCourseProgramProps } from './data/types';\n\nexport const RecentlyViewedCourseProgram: FC<RecentlyViewedCourseProgramProps> = ({ items, isLoading }) => {\n  return (\n    <div data-testid=\"recently-viewed-items\">\n      <div className=\"row g-3 flex-nowrap flex-md-wrap overflow-auto\">\n        {items.map((item) => (\n          <div key={item.id} className=\"col-12 col-md-6 col-xl-3 d-flex mb-2\">\n            <ProductCard item={item} isLoading={isLoading} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default RecentlyViewedCourseProgram;\n"]}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const RecentlyViewedPanel: FC;
+export default RecentlyViewedPanel;

package/dist/containers/RecentlyViewedPanel/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Alert } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useRecentlyViewedCoursesAndProgramsData } from '../../hooks/useRecentlyViewedCoursesAndProgramsData';
+import messages from './messages';
+import NoRecentlyViewedItems from './NoRecentlyViewedItems';
+import RecentlyViewedCourseProgram from './RecentlyViewedCourseProgram';
+export const RecentlyViewedPanel = () => {
+    const { formatMessage } = useIntl();
+    const { data: recentlyViewedCoursesAndProgramsData = [], isError, isLoading, } = useRecentlyViewedCoursesAndProgramsData();
+    const hasRecentlyViewedData = useMemo(() => recentlyViewedCoursesAndProgramsData.length > 0, [recentlyViewedCoursesAndProgramsData]);
+    if (isError) {
+        return (_jsx("div", { className: "recently-viewed-container mt-5 mb-3", "data-testid": "recently-viewed-panel", children: _jsx(Alert, { variant: "danger", "data-testid": "recently-viewed-error", children: formatMessage(messages.recentlyViewedErrorText) }) }));
+    }
+    return (_jsxs("div", { className: "recently-viewed-container mt-5 mb-3", "data-testid": "recently-viewed-panel", children: [_jsx("div", { className: "recently-viewed-heading-container mb-4", children: _jsx("h2", { children: formatMessage(messages.recentlyViewedHeader) }) }), (isLoading || hasRecentlyViewedData) ? (_jsx(RecentlyViewedCourseProgram, { items: recentlyViewedCoursesAndProgramsData, isLoading: isLoading })) : (_jsx(NoRecentlyViewedItems, {}))] }));
+};
+export default RecentlyViewedPanel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/RecentlyViewedPanel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,uCAAuC,EAAE,MAAM,oDAAoD,CAAC;AAC7G,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,2BAA2B,MAAM,+BAA+B,CAAC;AAExE,MAAM,CAAC,MAAM,mBAAmB,GAAO,GAAG,EAAE;IAC1C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,IAAI,EAAE,oCAAoC,GAAG,EAAE,EAC/C,OAAO,EACP,SAAS,GACV,GAAG,uCAAuC,EAAE,CAAC;IAC9C,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,oCAAoC,CAAC,MAAM,GAAG,CAAC,EACrD,CAAC,oCAAoC,CAAC,CACvC,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,iBAAa,uBAAuB,YACtF,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,iBAAa,uBAAuB,YACxD,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAC1C,GACJ,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,iBAAa,uBAAuB,aACtF,cAAK,SAAS,EAAC,wCAAwC,YACrD,uBAAK,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAM,GACnD,EACL,CAAC,SAAS,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,CACtC,KAAC,2BAA2B,IAC1B,KAAK,EAAE,oCAAoC,EAC3C,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,KAAG,CAC1B,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { FC, useMemo } from 'react';\nimport { Alert } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useRecentlyViewedCoursesAndProgramsData } from '@src/hooks/useRecentlyViewedCoursesAndProgramsData';\nimport messages from './messages';\nimport NoRecentlyViewedItems from './NoRecentlyViewedItems';\nimport RecentlyViewedCourseProgram from './RecentlyViewedCourseProgram';\n\nexport const RecentlyViewedPanel: FC = () => {\n  const { formatMessage } = useIntl();\n  const {\n    data: recentlyViewedCoursesAndProgramsData = [],\n    isError,\n    isLoading,\n  } = useRecentlyViewedCoursesAndProgramsData();\n  const hasRecentlyViewedData = useMemo(\n    () => recentlyViewedCoursesAndProgramsData.length > 0,\n    [recentlyViewedCoursesAndProgramsData]\n  );\n\n  if (isError) {\n    return (\n      <div className=\"recently-viewed-container mt-5 mb-3\" data-testid=\"recently-viewed-panel\">\n        <Alert variant=\"danger\" data-testid=\"recently-viewed-error\">\n          {formatMessage(messages.recentlyViewedErrorText)}\n        </Alert>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"recently-viewed-container mt-5 mb-3\" data-testid=\"recently-viewed-panel\">\n      <div className=\"recently-viewed-heading-container mb-4\">\n        <h2>{formatMessage(messages.recentlyViewedHeader)}</h2>\n      </div>\n      {(isLoading || hasRecentlyViewedData) ? (\n        <RecentlyViewedCourseProgram\n          items={recentlyViewedCoursesAndProgramsData}\n          isLoading={isLoading}\n        />\n      ) : (\n        <NoRecentlyViewedItems />\n      )}\n    </div>\n  );\n};\n\nexport default RecentlyViewedPanel;\n"]}

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

@@ -0,0 +1,13 @@
+declare const messages: {
+    recentlyViewedHeader: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recentlyViewedErrorText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/containers/RecentlyViewedPanel/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    recentlyViewedHeader: {
+        id: 'subs-dash.recentlyViewedPanel.header',
+        defaultMessage: 'Recently viewed courses and programs',
+        description: 'Label for the recently viewed courses and programs section',
+    },
+    recentlyViewedErrorText: {
+        id: 'subs-dash.recentlyViewedPanel.errorText',
+        defaultMessage: 'Failed to load recently viewed courses and programs. Please try again later.',
+        description: 'Error text for failing to load recently viewed courses and programs',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/RecentlyViewedPanel/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,oBAAoB,EAAE;QACpB,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,sCAAsC;QACtD,WAAW,EAAE,4DAA4D;KAC1E;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,8EAA8E;QAC9F,WAAW,EAAE,qEAAqE;KACnF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  recentlyViewedHeader: {\n    id: 'subs-dash.recentlyViewedPanel.header',\n    defaultMessage: 'Recently viewed courses and programs',\n    description: 'Label for the recently viewed courses and programs section',\n  },\n  recentlyViewedErrorText: {\n    id: 'subs-dash.recentlyViewedPanel.errorText',\n    defaultMessage: 'Failed to load recently viewed courses and programs. Please try again later.',\n    description: 'Error text for failing to load recently viewed courses and programs',\n  },\n});\n\nexport default messages;\n"]}

package/dist/data/services/subs/api.d.ts

@@ -8,4 +8,14 @@ export declare const fetchRecommendedCourses: () => Promise<{
     tagText: string;
     footerLabel: string;
 }[]>;
+export declare const fetchRecentlyViewedCoursesAndPrograms: () => Promise<{
+    id: number;
+    title: string;
+    body: string;
+    url: string;
+    thumbnail: string;
+    isProgram: boolean;
+    tagText: string;
+    footerLabel: string;
+}[]>;
 export declare const getProgramProgressData: (uuid: string) => Promise<any>;

package/dist/data/services/subs/api.js

@@ -9,12 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { getAuthenticatedHttpClient } from '@openedx/frontend-base';
 import { programProgressUrl } from './urls';
+const optimizedData = (data, size) => (data.length > size ? `${data.slice(0, size)}...` : data);
 export const fetchRecommendedCourses = () => __awaiter(void 0, void 0, void 0, function* () {
     /* TODO [TEMP]: Replace with actual API call to fetch recommended courses data. For now, returning hardcoded data to simulate the API response. Also, built the test case for the same.
         Reason: The API endpoint is not yet available and the data structure is still being finalized.
         Action: Revisit after endpoint is made available.
       */
-    const optimizedData = (data, size) => data.length > size ? `${data.slice(0, size)}...` : data;
     try {
         const finalData = [
             {
@@ -65,6 +65,61 @@ export const fetchRecommendedCourses = () => __awaiter(void 0, void 0, void 0, f
         throw error;
     }
 });
+export const fetchRecentlyViewedCoursesAndPrograms = () => __awaiter(void 0, void 0, void 0, function* () {
+    /* TODO [TEMP]: Replace with actual API call to fetch recently viewed courses and programs data.
+        Reason: The API endpoint is not yet available and the data structure is still being finalized.
+        Action: Revisit after endpoint is made available.
+      */
+    try {
+        const finalData = [
+            {
+                id: 1,
+                title: optimizedData('Data Analytics Fundamentals', 30),
+                body: optimizedData('Learn the core concepts of data analytics, including data cleaning, visualization, and basic statistical interpretation.', 100),
+                url: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/1.webp',
+                thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/thumbnail.webp',
+                isProgram: false,
+                tagText: '',
+                footerLabel: 'Course'
+            },
+            {
+                id: 2,
+                title: optimizedData('Product Management Essentials', 30),
+                body: optimizedData('Review the workflows, tools, and communication patterns used by product managers to guide delivery across teams.', 100),
+                url: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/1.webp',
+                thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/thumbnail.webp',
+                isProgram: false,
+                tagText: '',
+                footerLabel: 'Course'
+            },
+            {
+                id: 3,
+                title: optimizedData('AI Product Strategy', 30),
+                body: optimizedData('Continue a professional certificate covering AI roadmap planning, experimentation, and responsible product delivery.', 100),
+                url: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/1.webp',
+                thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/thumbnail.webp',
+                isProgram: true,
+                tagText: 'Professional Certificate',
+                footerLabel: '3 Courses'
+            },
+            {
+                id: 4,
+                title: optimizedData('Red Lipstick', 30),
+                body: optimizedData('The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.', 100),
+                url: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/1.webp',
+                thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/thumbnail.webp',
+                isProgram: false,
+                tagText: '',
+                footerLabel: 'Course'
+            }
+        ];
+        return finalData;
+    }
+    catch (error) {
+        console.error('Error fetching recently viewed courses and programs data:', error);
+        throw error;
+    }
+});
 export const getProgramProgressData = (uuid) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const { data } = yield getAuthenticatedHttpClient().get(programProgressUrl(uuid));

package/dist/data/services/subs/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/data/services/subs/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAS,EAAE;IAChD;;;QAGI;IAEJ,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9G,IAAI,CAAC;QACH,MAAM,SAAS,GAAG;YAChB;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,mLAAmL,EAAE,GAAG,CAAC;gBAC7M,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,2LAA2L,EAAE,GAAG,CAAC;gBACrN,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBAC3C,IAAI,EAAE,aAAa,CAAC,oLAAoL,EAAE,GAAG,CAAC;gBAC9M,GAAG,EAAE,wEAAwE;gBAC7E,SAAS,EAAE,gFAAgF;gBAC3F,SAAS,EAAE,IAAI,EAAE,OAAO;gBACxB,OAAO,EAAE,0BAA0B;gBACnC,WAAW,EAAE,WAAW;aACzB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxC,IAAI,EAAE,aAAa,CAAC,2KAA2K,EAAE,GAAG,CAAC;gBACrM,GAAG,EAAE,qEAAqE;gBAC1E,SAAS,EAAE,6EAA6E;gBACxF,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;SACF,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACnD,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAO,IAAY,EAAE,EAAE;IAC3D,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAC;QAC9D,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC","sourcesContent":["import { getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { programProgressUrl } from './urls';\n\nexport const fetchRecommendedCourses = async () => {\n  /* TODO [TEMP]: Replace with actual API call to fetch recommended courses data. For now, returning hardcoded data to simulate the API response. Also, built the test case for the same.\n      Reason: The API endpoint is not yet available and the data structure is still being finalized.\n      Action: Revisit after endpoint is made available.\n    */\n\n  const optimizedData = (data: string, size: number) => data.length > size ? `${data.slice(0, size)}...` : data;\n\n  try {\n    const finalData = [\n      {\n        id: 1,\n        title: optimizedData('Essence Mascara Lash Princess', 30),\n        body: optimizedData('The Essence Mascara Lash Princess is a popular mascara known for its volumizing and lengthening effects. Achieve dramatic lashes with this long-lasting and cruelty-free formula.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 2,\n        title: optimizedData('Eyeshadow Palette with Mirror', 30),\n        body: optimizedData(\"The Eyeshadow Palette with Mirror offers a versatile range of eyeshadow shades for creating stunning eye looks. With a built-in mirror, it's convenient for on-the-go makeup application.\", 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 3,\n        title: optimizedData('Powder Canister', 30),\n        body: optimizedData('The Powder Canister is a finely milled setting powder designed to set makeup and control shine. With a lightweight and translucent formula, it provides a smooth and matte finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/thumbnail.webp',\n        isProgram: true, // TODO\n        tagText: 'Professional Certificate',\n        footerLabel: '2 Courses'\n      },\n      {\n        id: 4,\n        title: optimizedData('Red Lipstick', 30),\n        body: optimizedData('The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      }\n    ];\n\n    return finalData;\n  } catch (error) {\n    console.error('Error fetching cards data:', error);\n    throw error;\n  }\n};\n\nexport const getProgramProgressData = async (uuid: string) => {\n  try {\n    const { data } = await getAuthenticatedHttpClient().get(programProgressUrl(uuid));\n    return data;\n  } catch (error) {\n    console.error('Error fetching program progress data:', error);\n    throw error;\n  }\n};\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/data/services/subs/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEhH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAS,EAAE;IAChD;;;QAGI;IAEJ,IAAI,CAAC;QACH,MAAM,SAAS,GAAG;YAChB;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,mLAAmL,EAAE,GAAG,CAAC;gBAC7M,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,2LAA2L,EAAE,GAAG,CAAC;gBACrN,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBAC3C,IAAI,EAAE,aAAa,CAAC,oLAAoL,EAAE,GAAG,CAAC;gBAC9M,GAAG,EAAE,wEAAwE;gBAC7E,SAAS,EAAE,gFAAgF;gBAC3F,SAAS,EAAE,IAAI,EAAE,OAAO;gBACxB,OAAO,EAAE,0BAA0B;gBACnC,WAAW,EAAE,WAAW;aACzB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxC,IAAI,EAAE,aAAa,CAAC,2KAA2K,EAAE,GAAG,CAAC;gBACrM,GAAG,EAAE,qEAAqE;gBAC1E,SAAS,EAAE,6EAA6E;gBACxF,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;SACF,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACnD,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,qCAAqC,GAAG,GAAS,EAAE;IAC9D;;;QAGI;IAEJ,IAAI,CAAC;QACH,MAAM,SAAS,GAAG;YAChB;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,6BAA6B,EAAE,EAAE,CAAC;gBACvD,IAAI,EAAE,aAAa,CAAC,0HAA0H,EAAE,GAAG,CAAC;gBACpJ,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,kHAAkH,EAAE,GAAG,CAAC;gBAC5I,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,qBAAqB,EAAE,EAAE,CAAC;gBAC/C,IAAI,EAAE,aAAa,CAAC,sHAAsH,EAAE,GAAG,CAAC;gBAChJ,GAAG,EAAE,wEAAwE;gBAC7E,SAAS,EAAE,gFAAgF;gBAC3F,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,0BAA0B;gBACnC,WAAW,EAAE,WAAW;aACzB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxC,IAAI,EAAE,aAAa,CAAC,2KAA2K,EAAE,GAAG,CAAC;gBACrM,GAAG,EAAE,qEAAqE;gBAC1E,SAAS,EAAE,6EAA6E;gBACxF,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;SACF,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,2DAA2D,EAAE,KAAK,CAAC,CAAC;QAClF,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAO,IAAY,EAAE,EAAE;IAC3D,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAC;QAC9D,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC","sourcesContent":["import { getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { programProgressUrl } from './urls';\n\nconst optimizedData = (data: string, size: number) => (data.length > size ? `${data.slice(0, size)}...` : data);\n\nexport const fetchRecommendedCourses = async () => {\n  /* TODO [TEMP]: Replace with actual API call to fetch recommended courses data. For now, returning hardcoded data to simulate the API response. Also, built the test case for the same.\n      Reason: The API endpoint is not yet available and the data structure is still being finalized.\n      Action: Revisit after endpoint is made available.\n    */\n\n  try {\n    const finalData = [\n      {\n        id: 1,\n        title: optimizedData('Essence Mascara Lash Princess', 30),\n        body: optimizedData('The Essence Mascara Lash Princess is a popular mascara known for its volumizing and lengthening effects. Achieve dramatic lashes with this long-lasting and cruelty-free formula.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 2,\n        title: optimizedData('Eyeshadow Palette with Mirror', 30),\n        body: optimizedData(\"The Eyeshadow Palette with Mirror offers a versatile range of eyeshadow shades for creating stunning eye looks. With a built-in mirror, it's convenient for on-the-go makeup application.\", 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 3,\n        title: optimizedData('Powder Canister', 30),\n        body: optimizedData('The Powder Canister is a finely milled setting powder designed to set makeup and control shine. With a lightweight and translucent formula, it provides a smooth and matte finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/thumbnail.webp',\n        isProgram: true, // TODO\n        tagText: 'Professional Certificate',\n        footerLabel: '2 Courses'\n      },\n      {\n        id: 4,\n        title: optimizedData('Red Lipstick', 30),\n        body: optimizedData('The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      }\n    ];\n\n    return finalData;\n  } catch (error) {\n    console.error('Error fetching cards data:', error);\n    throw error;\n  }\n};\n\nexport const fetchRecentlyViewedCoursesAndPrograms = async () => {\n  /* TODO [TEMP]: Replace with actual API call to fetch recently viewed courses and programs data.\n      Reason: The API endpoint is not yet available and the data structure is still being finalized.\n      Action: Revisit after endpoint is made available.\n    */\n\n  try {\n    const finalData = [\n      {\n        id: 1,\n        title: optimizedData('Data Analytics Fundamentals', 30),\n        body: optimizedData('Learn the core concepts of data analytics, including data cleaning, visualization, and basic statistical interpretation.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 2,\n        title: optimizedData('Product Management Essentials', 30),\n        body: optimizedData('Review the workflows, tools, and communication patterns used by product managers to guide delivery across teams.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 3,\n        title: optimizedData('AI Product Strategy', 30),\n        body: optimizedData('Continue a professional certificate covering AI roadmap planning, experimentation, and responsible product delivery.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/thumbnail.webp',\n        isProgram: true,\n        tagText: 'Professional Certificate',\n        footerLabel: '3 Courses'\n      },\n      {\n        id: 4,\n        title: optimizedData('Red Lipstick', 30),\n        body: optimizedData('The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      }\n    ];\n\n    return finalData;\n  } catch (error) {\n    console.error('Error fetching recently viewed courses and programs data:', error);\n    throw error;\n  }\n};\n\nexport const getProgramProgressData = async (uuid: string) => {\n  try {\n    const { data } = await getAuthenticatedHttpClient().get(programProgressUrl(uuid));\n    return data;\n  } catch (error) {\n    console.error('Error fetching program progress data:', error);\n    throw error;\n  }\n};\n"]}

package/dist/data/services/subs/index.d.ts

@@ -1 +1 @@
-export { fetchRecommendedCourses, getProgramProgressData } from './api';
+export { fetchRecommendedCourses, fetchRecentlyViewedCoursesAndPrograms, getProgramProgressData, } from './api';

package/dist/data/services/subs/index.js

@@ -1,2 +1,2 @@
-export { fetchRecommendedCourses, getProgramProgressData } from './api';
+export { fetchRecommendedCourses, fetchRecentlyViewedCoursesAndPrograms, getProgramProgressData, } from './api';
 //# sourceMappingURL=index.js.map

package/dist/data/services/subs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data/services/subs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { fetchRecommendedCourses, getProgramProgressData } from './api';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data/services/subs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,qCAAqC,EACrC,sBAAsB,GACvB,MAAM,OAAO,CAAC","sourcesContent":["export {\n  fetchRecommendedCourses,\n  fetchRecentlyViewedCoursesAndPrograms,\n  getProgramProgressData,\n} from './api';\n"]}

package/dist/hooks/useRecentlyViewedCoursesAndProgramsData.d.ts

@@ -0,0 +1,15 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { fetchRecentlyViewedCoursesAndPrograms } from '../data/services/subs';
+type RecentlyViewedCoursesAndProgramsData = Awaited<ReturnType<typeof fetchRecentlyViewedCoursesAndPrograms>>;
+type UseRecentlyViewedCoursesAndProgramsOptions = Omit<UseQueryOptions<RecentlyViewedCoursesAndProgramsData>, 'queryKey' | 'queryFn'>;
+export declare const useRecentlyViewedCoursesAndProgramsData: (options?: UseRecentlyViewedCoursesAndProgramsOptions) => import("@tanstack/react-query").UseQueryResult<{
+    id: number;
+    title: string;
+    body: string;
+    url: string;
+    thumbnail: string;
+    isProgram: boolean;
+    tagText: string;
+    footerLabel: string;
+}[], Error>;
+export {};

package/dist/hooks/useRecentlyViewedCoursesAndProgramsData.js

@@ -0,0 +1,6 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchRecentlyViewedCoursesAndPrograms } from '../data/services/subs';
+export const useRecentlyViewedCoursesAndProgramsData = (options) => {
+    return useQuery(Object.assign({ queryKey: ['recentlyViewedCoursesAndPrograms'], queryFn: fetchRecentlyViewedCoursesAndPrograms, staleTime: 1000 * 60 * 5, retry: 2 }, options));
+};
+//# sourceMappingURL=useRecentlyViewedCoursesAndProgramsData.js.map

package/dist/hooks/useRecentlyViewedCoursesAndProgramsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecentlyViewedCoursesAndProgramsData.js","sourceRoot":"","sources":["../../src/hooks/useRecentlyViewedCoursesAndProgramsData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmB,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,qCAAqC,EAAE,MAAM,yBAAyB,CAAC;AAShF,MAAM,CAAC,MAAM,uCAAuC,GAAG,CACrD,OAAoD,EACpD,EAAE;IACF,OAAO,QAAQ,iBACb,QAAQ,EAAE,CAAC,kCAAkC,CAAC,EAC9C,OAAO,EAAE,qCAAqC,EAC9C,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,EACxB,KAAK,EAAE,CAAC,IACL,OAAO,EACV,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { useQuery, UseQueryOptions } from '@tanstack/react-query';\nimport { fetchRecentlyViewedCoursesAndPrograms } from '@src/data/services/subs';\n\ntype RecentlyViewedCoursesAndProgramsData = Awaited<ReturnType<typeof fetchRecentlyViewedCoursesAndPrograms>>;\n\ntype UseRecentlyViewedCoursesAndProgramsOptions = Omit<\n  UseQueryOptions<RecentlyViewedCoursesAndProgramsData>,\n  'queryKey' | 'queryFn'\n>;\n\nexport const useRecentlyViewedCoursesAndProgramsData = (\n  options?: UseRecentlyViewedCoursesAndProgramsOptions,\n) => {\n  return useQuery({\n    queryKey: ['recentlyViewedCoursesAndPrograms'],\n    queryFn: fetchRecentlyViewedCoursesAndPrograms,\n    staleTime: 1000 * 60 * 5,\n    retry: 2,\n    ...options,\n  });\n};\n"]}

package/package.json

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

package/dist/slots/WidgetSidebarSlot/index.d.ts

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

package/dist/slots/WidgetSidebarSlot/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from '@openedx/frontend-base';
-import LookingForChallengeWidget from '../../widgets/LookingForChallengeWidget';
-export const WidgetSidebarSlot = () => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.widgetSidebar.v1", children: _jsx(LookingForChallengeWidget, {}) }));
-export default WidgetSidebarSlot;
-//# sourceMappingURL=index.js.map

package/dist/slots/WidgetSidebarSlot/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/WidgetSidebarSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,yBAAyB,MAAM,yCAAyC,CAAC;AAEhF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CACrC,KAAC,IAAI,IAAC,EAAE,EAAC,6DAA6D,YACpE,KAAC,yBAAyB,KAAG,GACxB,CACR,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\nimport LookingForChallengeWidget from '../../widgets/LookingForChallengeWidget';\n\nexport const WidgetSidebarSlot = () => (\n  <Slot id=\"org.openedx.frontend.slot.learnerDashboard.widgetSidebar.v1\">\n    <LookingForChallengeWidget />\n  </Slot>\n);\n\nexport default WidgetSidebarSlot;\n"]}

package/dist/widgets/LookingForChallengeWidget/index.d.ts

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

package/dist/widgets/LookingForChallengeWidget/index.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useIntl } from '@openedx/frontend-base';
-import { Card, Hyperlink, Icon } from '@openedx/paragon';
-import { ArrowForward } from '@openedx/paragon/icons';
-import { useInitializeLearnerHome } from '../../data/hooks';
-import moreCoursesSVG from '../../assets/more-courses-sidewidget.svg';
-import { baseAppUrl } from '../../data/services/lms/urls';
-import { findCoursesWidgetClicked } from './track';
-import messages from './messages';
-import './index.scss';
-export const arrowIcon = (_jsx(Icon, { className: "mx-1", src: ArrowForward }));
-export const LookingForChallengeWidget = () => {
-    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) || '';
-    const hyperlinkDestination = baseAppUrl(courseSearchUrl) || '';
-    return (_jsxs(Card, { orientation: "horizontal", id: "looking-for-challenge-widget", children: [_jsx(Card.ImageCap, { src: moreCoursesSVG, srcAlt: "course side widget" }), _jsxs(Card.Body, { className: "m-auto pr-2", children: [_jsx("h4", { children: formatMessage(messages.lookingForChallengePrompt) }), _jsx("h5", { children: _jsx(Hyperlink, { variant: "brand", destination: hyperlinkDestination, onClick: findCoursesWidgetClicked(hyperlinkDestination), className: "d-flex align-items-center", children: formatMessage(messages.findCoursesButton, { arrow: arrowIcon }) }) })] })] }));
-};
-LookingForChallengeWidget.propTypes = {};
-export default LookingForChallengeWidget;
-//# sourceMappingURL=index.js.map

package/dist/widgets/LookingForChallengeWidget/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/LookingForChallengeWidget/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,cAAc,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,GAAI,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;;IAC5C,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,MAAM,oBAAoB,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAE/D,OAAO,CACL,MAAC,IAAI,IAAC,WAAW,EAAC,YAAY,EAAC,EAAE,EAAC,8BAA8B,aAC9D,KAAC,IAAI,CAAC,QAAQ,IACZ,GAAG,EAAE,cAAc,EACnB,MAAM,EAAC,oBAAoB,GAC3B,EACF,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,aAChC,uBACG,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAC/C,EACL,uBACE,KAAC,SAAS,IACR,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,oBAAoB,EACjC,OAAO,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,EACvD,SAAS,EAAC,2BAA2B,YAEpC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GACtD,GACT,IACK,IACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,yBAAyB,CAAC,SAAS,GAAG,EAAE,CAAC;AAEzC,eAAe,yBAAyB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Card, Hyperlink, Icon } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\n\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport moreCoursesSVG from '../../assets/more-courses-sidewidget.svg';\nimport { baseAppUrl } from '../../data/services/lms/urls';\n\nimport { findCoursesWidgetClicked } from './track';\nimport messages from './messages';\nimport './index.scss';\n\nexport const arrowIcon = (<Icon className=\"mx-1\" src={ArrowForward} />);\n\nexport const LookingForChallengeWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseSearchUrl = learnerData?.platformSettings?.courseSearchUrl || '';\n  const hyperlinkDestination = baseAppUrl(courseSearchUrl) || '';\n\n  return (\n    <Card orientation=\"horizontal\" id=\"looking-for-challenge-widget\">\n      <Card.ImageCap\n        src={moreCoursesSVG}\n        srcAlt=\"course side widget\"\n      />\n      <Card.Body className=\"m-auto pr-2\">\n        <h4>\n          {formatMessage(messages.lookingForChallengePrompt)}\n        </h4>\n        <h5>\n          <Hyperlink\n            variant=\"brand\"\n            destination={hyperlinkDestination}\n            onClick={findCoursesWidgetClicked(hyperlinkDestination)}\n            className=\"d-flex align-items-center\"\n          >\n            {formatMessage(messages.findCoursesButton, { arrow: arrowIcon })}\n          </Hyperlink>\n        </h5>\n      </Card.Body>\n    </Card>\n  );\n};\n\nLookingForChallengeWidget.propTypes = {};\n\nexport default LookingForChallengeWidget;\n"]}

package/dist/widgets/LookingForChallengeWidget/index.scss

@@ -1,6 +0,0 @@
-#looking-for-challenge-widget {
-  .pgn__card-wrapper-image-cap {
-    overflow: visible;
-    min-width: auto;
-  }
-}

package/dist/widgets/LookingForChallengeWidget/messages.d.ts

@@ -1,16 +0,0 @@
-export default messages;
-declare namespace messages {
-    namespace lookingForChallengePrompt {
-        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/widgets/LookingForChallengeWidget/messages.js

@@ -1,15 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-const messages = defineMessages({
-    lookingForChallengePrompt: {
-        id: 'WidgetSidebar.lookingForChallengePrompt',
-        defaultMessage: 'Looking for a new challenge?',
-        description: 'Prompt user for new challenge',
-    },
-    findCoursesButton: {
-        id: 'WidgetSidebar.findCoursesButton',
-        defaultMessage: 'Find a course {arrow}',
-        description: 'Button to explore more courses',
-    },
-});
-export default messages;
-//# sourceMappingURL=messages.js.map

package/dist/widgets/LookingForChallengeWidget/messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/widgets/LookingForChallengeWidget/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,yBAAyB,EAAE;QACzB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,+BAA+B;KAC7C;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,gCAAgC;KAC9C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  lookingForChallengePrompt: {\n    id: 'WidgetSidebar.lookingForChallengePrompt',\n    defaultMessage: 'Looking for a new challenge?',\n    description: 'Prompt user for new challenge',\n  },\n  findCoursesButton: {\n    id: 'WidgetSidebar.findCoursesButton',\n    defaultMessage: 'Find a course {arrow}',\n    description: 'Button to explore more courses',\n  },\n});\n\nexport default messages;\n"]}

package/dist/widgets/LookingForChallengeWidget/track.d.ts

@@ -1,7 +0,0 @@
-export const linkNames: any;
-export function findCoursesWidgetClicked(href: any): (e: any) => number;
-declare namespace _default {
-    export { linkNames };
-    export { findCoursesWidgetClicked };
-}
-export default _default;

package/dist/widgets/LookingForChallengeWidget/track.js

@@ -1,13 +0,0 @@
-import { StrictDict } from '../../utils';
-import track from '../../tracking';
-export const linkNames = StrictDict({
-    findCoursesWidget: 'learner_home_widget_explore',
-});
-export const findCoursesWidgetClicked = (href) => track.findCourses.findCoursesClicked(href, {
-    linkName: linkNames.findCoursesWidget,
-});
-export default {
-    linkNames,
-    findCoursesWidgetClicked,
-};
-//# sourceMappingURL=track.js.map

package/dist/widgets/LookingForChallengeWidget/track.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"track.js","sourceRoot":"","sources":["../../../src/widgets/LookingForChallengeWidget/track.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC;IAClC,iBAAiB,EAAE,6BAA6B;CACjD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,CAAC,IAAI,EAAE;IAC3F,QAAQ,EAAE,SAAS,CAAC,iBAAiB;CACtC,CAAC,CAAC;AAEH,eAAe;IACb,SAAS;IACT,wBAAwB;CACzB,CAAC","sourcesContent":["import { StrictDict } from '../../utils';\nimport track from '../../tracking';\n\nexport const linkNames = StrictDict({\n  findCoursesWidget: 'learner_home_widget_explore',\n});\n\nexport const findCoursesWidgetClicked = (href) => track.findCourses.findCoursesClicked(href, {\n  linkName: linkNames.findCoursesWidget,\n});\n\nexport default {\n  linkNames,\n  findCoursesWidgetClicked,\n};\n"]}