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

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

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

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

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

package/dist/containers/Dashboard/hooks.js

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

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

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

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

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

package/dist/containers/Dashboard/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useSelectSessionModal } from '../../data/context';
+import { useInitializeLearnerHome } from '../../data/hooks';
+import SelectSessionModal from '../../containers/SelectSessionModal';
+import DashboardTabs from './DashboardTabs';
+import DashboardModalSlot from '../../slots/DashboardModalSlot';
+import LoadingView from './LoadingView';
+import DashboardLayout from './DashboardLayout';
+import hooks from './hooks';
+import './index.scss';
+import { SubscriptionBanner } from '../SubscriptionBanner';
+import { DashboardTitle } from './DashboardTitle';
+export const Dashboard = () => {
+    const { data, isPending } = useInitializeLearnerHome();
+    const { pageTitle } = hooks.useDashboardMessages();
+    const { selectSessionModal } = useSelectSessionModal();
+    const showSelectSessionModal = selectSessionModal.cardId !== null;
+    const hasCourses = useMemo(() => { var _a; return ((_a = data === null || data === void 0 ? void 0 : data.courses) === null || _a === void 0 ? void 0 : _a.length) > 0; }, [data]);
+    return (_jsx("div", { id: "learnerdashboardroot", children: _jsx("main", { children: _jsxs("div", { id: "dashboard-container", className: "d-flex flex-column p-2 pt-0", children: [_jsx("h1", { className: "sr-only", children: pageTitle }), !isPending && (_jsxs(_Fragment, { children: [_jsx(DashboardModalSlot, {}), (hasCourses && showSelectSessionModal) && _jsx(SelectSessionModal, {})] })), _jsx("div", { id: "dashboard-content", "data-testid": "dashboard-content", children: isPending
+                            ? (_jsx(LoadingView, {}))
+                            : (_jsxs(DashboardLayout, { children: [_jsx(SubscriptionBanner, {}), _jsx(DashboardTitle, {}), _jsx(DashboardTabs, {})] })) })] }) }) }));
+};
+export default Dashboard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/index.jsx"],"names":[],"mappings":";AAAA,OAAO,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"]}

package/dist/containers/Dashboard/index.scss

@@ -0,0 +1,29 @@
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css";
+
+.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/Dashboard/messages.d.ts

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

package/dist/containers/Dashboard/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    dashboardTitle: {
+        id: 'Dashboard.Title',
+        defaultMessage: 'Subscriber Dashboard',
+        description: 'Title for the subscriber dashboard',
+    },
+    dashboardSubtitle: {
+        id: 'Dashboard.Subtitle',
+        defaultMessage: 'Your home for all of your future learning with edX Unlimited.',
+        description: 'Subtitle for the subscriber dashboard',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,cAAc,EAAE;QACd,EAAE,EAAE,iBAAiB;QACrB,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,oCAAoC;KAClD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,oBAAoB;QACxB,cAAc,EAAE,+DAA+D;QAC/E,WAAW,EAAE,uCAAuC;KACrD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  dashboardTitle: {\n    id: 'Dashboard.Title',\n    defaultMessage: 'Subscriber Dashboard',\n    description: 'Title for the subscriber dashboard',\n  },\n  dashboardSubtitle: {\n    id: 'Dashboard.Subtitle',\n    defaultMessage: 'Your home for all of your future learning with edX Unlimited.',\n    description: 'Subtitle for the subscriber dashboard',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,10 @@
+export const state: any;
+export function useEmailData({ closeModal, cardId, }: {
+    closeModal: any;
+    cardId: any;
+}): {
+    onToggle: () => any;
+    save: () => void;
+    isOptedOut: any;
+};
+export default module.useEmailData;

package/dist/containers/EmailSettingsModal/hooks.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { StrictDict } from '../../utils';
+import { useUpdateEmailSettings } from '../../data/hooks';
+import { useCourseData } from '../../hooks';
+import * as module from './hooks';
+export const state = StrictDict({
+    toggle: (val) => React.useState(val), // eslint-disable-line
+});
+export const useEmailData = ({ closeModal, cardId, }) => {
+    var _a, _b;
+    const courseData = useCourseData(cardId);
+    const hasOptedOutOfEmail = ((_a = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _a === void 0 ? void 0 : _a.hasOptedOutOfEmail) || false;
+    const courseId = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _b === void 0 ? void 0 : _b.courseId;
+    const [isOptedOut, setIsOptedOut] = module.state.toggle(hasOptedOutOfEmail);
+    const { mutate: updateEmailSettings } = useUpdateEmailSettings();
+    const onToggle = () => setIsOptedOut(!isOptedOut);
+    const save = () => {
+        updateEmailSettings({ courseId, enable: !isOptedOut }, { onSuccess: () => closeModal() });
+    };
+    return {
+        onToggle,
+        save,
+        isOptedOut,
+    };
+};
+export default useEmailData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/EmailSettingsModal/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,UAAU,EACV,MAAM,GACP,EAAE,EAAE;;IACH,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,kBAAkB,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,0CAAE,kBAAkB,KAAI,KAAK,CAAC;IAC/E,MAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,QAAQ,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC5E,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACjE,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,mBAAmB,CACjB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,EACjC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,CAClC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;QACL,QAAQ;QACR,IAAI;QACJ,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { StrictDict } from '@src/utils';\nimport { useUpdateEmailSettings } from '@src/data/hooks';\nimport { useCourseData } from '@src/hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  toggle: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useEmailData = ({\n  closeModal,\n  cardId,\n}) => {\n  const courseData = useCourseData(cardId);\n  const hasOptedOutOfEmail = courseData?.enrollment?.hasOptedOutOfEmail || false;\n  const courseId = courseData?.courseRun?.courseId;\n  const [isOptedOut, setIsOptedOut] = module.state.toggle(hasOptedOutOfEmail);\n  const { mutate: updateEmailSettings } = useUpdateEmailSettings();\n  const onToggle = () => setIsOptedOut(!isOptedOut);\n  const save = () => {\n    updateEmailSettings(\n      { courseId, enable: !isOptedOut },\n      { onSuccess: () => closeModal() },\n    );\n  };\n\n  return {\n    onToggle,\n    save,\n    isOptedOut,\n  };\n};\n\nexport default useEmailData;\n"]}

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

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

package/dist/containers/EmailSettingsModal/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { ActionRow, Button, Form, ModalDialog, } from '@openedx/paragon';
+import { nullMethod } from '../../utils';
+import useEmailData from './hooks';
+import messages from './messages';
+export const EmailSettingsModal = ({ closeModal, show, cardId, }) => {
+    const { isOptedOut, onToggle, save, } = useEmailData({ closeModal, cardId });
+    const { formatMessage } = useIntl();
+    return (_jsx(ModalDialog, { isOpen: show, onClose: nullMethod, hasCloseButton: false, title: "", children: _jsxs("div", { className: "bg-white p-3 rounded shadow", style: { textAlign: 'start' }, children: [_jsx("h4", { children: formatMessage(messages.header) }), _jsx(Form.Switch, { checked: !isOptedOut, onChange: onToggle, children: formatMessage(isOptedOut ? messages.emailsOff : messages.emailsOn) }), _jsx("p", { children: formatMessage(messages.description) }), _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: closeModal, children: formatMessage(messages.nevermind) }), _jsx(Button, { onClick: save, children: formatMessage(messages.save) })] })] }) }));
+};
+EmailSettingsModal.propTypes = {
+    cardId: PropTypes.string.isRequired,
+    closeModal: PropTypes.func.isRequired,
+    show: PropTypes.bool.isRequired,
+};
+export default EmailSettingsModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/EmailSettingsModal/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,YAAY,MAAM,SAAS,CAAC;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,EACV,IAAI,EACJ,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,IAAI,GACL,GAAG,YAAY,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,WAAW,IACV,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,UAAU,EACnB,cAAc,EAAE,KAAK,EACrB,KAAK,EAAC,EAAE,YAER,eAAK,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACxE,uBAAK,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAM,EACzC,KAAC,IAAI,CAAC,MAAM,IAAC,OAAO,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,YAClD,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,GACvD,EACd,sBAAI,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAK,EAC5C,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,YAC3C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC3B,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,YAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAU,IACpD,IACR,GACM,CACf,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACrC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAChC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  ActionRow,\n  Button,\n  Form,\n  ModalDialog,\n} from '@openedx/paragon';\n\nimport { nullMethod } from '../../utils';\n\nimport useEmailData from './hooks';\nimport messages from './messages';\n\nexport const EmailSettingsModal = ({\n  closeModal,\n  show,\n  cardId,\n}) => {\n  const {\n    isOptedOut,\n    onToggle,\n    save,\n  } = useEmailData({ closeModal, cardId });\n  const { formatMessage } = useIntl();\n\n  return (\n    <ModalDialog\n      isOpen={show}\n      onClose={nullMethod}\n      hasCloseButton={false}\n      title=\"\"\n    >\n      <div className=\"bg-white p-3 rounded shadow\" style={{ textAlign: 'start' }}>\n        <h4>{formatMessage(messages.header)}</h4>\n        <Form.Switch checked={!isOptedOut} onChange={onToggle}>\n          {formatMessage(isOptedOut ? messages.emailsOff : messages.emailsOn)}\n        </Form.Switch>\n        <p>{formatMessage(messages.description)}</p>\n        <ActionRow>\n          <Button variant=\"tertiary\" onClick={closeModal}>\n            {formatMessage(messages.nevermind)}\n          </Button>\n          <Button onClick={save}>{formatMessage(messages.save)}</Button>\n        </ActionRow>\n      </div>\n    </ModalDialog>\n  );\n};\nEmailSettingsModal.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  closeModal: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n};\n\nexport default EmailSettingsModal;\n"]}

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

@@ -0,0 +1,49 @@
+export default messages;
+declare namespace messages {
+    export namespace header {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    export namespace emailsOff {
+        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 };
+    }
+    export namespace emailsOn {
+        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 };
+    }
+    export namespace description_3 {
+        let id_3: string;
+        export { id_3 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    export { description_3 as description };
+    export namespace nevermind {
+        let id_4: string;
+        export { id_4 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    export namespace save {
+        let id_5: string;
+        export { id_5 as id };
+        let description_6: string;
+        export { description_6 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+}

package/dist/containers/EmailSettingsModal/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    header: {
+        id: 'learner-dash.emailSettings.header',
+        description: 'Header for email settings modal',
+        defaultMessage: 'Receive course emails?',
+    },
+    emailsOff: {
+        id: 'learner-dash.emailSettings.emailsOff',
+        description: 'Toggle text for email settings modal when email is disabled',
+        defaultMessage: 'Course emails are off',
+    },
+    emailsOn: {
+        id: 'learner-dash.emailSettings.emailsOn',
+        description: 'Toggle text for email settings modal when email is enabled',
+        defaultMessage: 'Course emails are on',
+    },
+    description: {
+        id: 'learner-dash.emailSettings.description',
+        description: 'Description for email settings modal',
+        defaultMessage: 'Course emails include important information about your course from instructors.',
+    },
+    nevermind: {
+        id: 'learner-dash.emailSettings.nevermind',
+        description: 'Cancel action for email settings modal',
+        defaultMessage: 'Never mind',
+    },
+    save: {
+        id: 'learner-dash.emailSettings.save',
+        description: 'Save action for email settings modal',
+        defaultMessage: 'Save settings',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/EmailSettingsModal/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,MAAM,EAAE;QACN,EAAE,EAAE,mCAAmC;QACvC,WAAW,EAAE,iCAAiC;QAC9C,cAAc,EAAE,wBAAwB;KACzC;IACD,SAAS,EAAE;QACT,EAAE,EAAE,sCAAsC;QAC1C,WAAW,EAAE,6DAA6D;QAC1E,cAAc,EAAE,uBAAuB;KACxC;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,qCAAqC;QACzC,WAAW,EAAE,4DAA4D;QACzE,cAAc,EAAE,sBAAsB;KACvC;IACD,WAAW,EAAE;QACX,EAAE,EAAE,wCAAwC;QAC5C,WAAW,EAAE,sCAAsC;QACnD,cAAc,EAAE,iFAAiF;KAClG;IACD,SAAS,EAAE;QACT,EAAE,EAAE,sCAAsC;QAC1C,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,YAAY;KAC7B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,iCAAiC;QACrC,WAAW,EAAE,sCAAsC;QACnD,cAAc,EAAE,eAAe;KAChC;CAEF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  header: {\n    id: 'learner-dash.emailSettings.header',\n    description: 'Header for email settings modal',\n    defaultMessage: 'Receive course emails?',\n  },\n  emailsOff: {\n    id: 'learner-dash.emailSettings.emailsOff',\n    description: 'Toggle text for email settings modal when email is disabled',\n    defaultMessage: 'Course emails are off',\n  },\n  emailsOn: {\n    id: 'learner-dash.emailSettings.emailsOn',\n    description: 'Toggle text for email settings modal when email is enabled',\n    defaultMessage: 'Course emails are on',\n  },\n  description: {\n    id: 'learner-dash.emailSettings.description',\n    description: 'Description for email settings modal',\n    defaultMessage: 'Course emails include important information about your course from instructors.',\n  },\n  nevermind: {\n    id: 'learner-dash.emailSettings.nevermind',\n    description: 'Cancel action for email settings modal',\n    defaultMessage: 'Never mind',\n  },\n  save: {\n    id: 'learner-dash.emailSettings.save',\n    description: 'Save action for email settings modal',\n    defaultMessage: 'Save settings',\n  },\n\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ProductCardProps } from './data/types';
+import './index.scss';
+export declare const ProductCard: FC<ProductCardProps>;

package/dist/containers/ProductCard/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Badge, Icon } from '@openedx/paragon';
+import { School } from '@openedx/paragon/icons';
+import './index.scss';
+export const ProductCard = ({ item, isLoading }) => {
+    return (_jsxs(Card, { className: "shadow-sm d-flex flex-column rounded w-100 overflow-hidden", variant: item.isProgram ? 'dark' : 'light', "data-testid": "product-card", isLoading: isLoading, children: [_jsx("div", { className: "position-relative", children: _jsx(Card.ImageCap, { src: item.url, srcAlt: `${item.title} main-image`, "data-testid": "product-card-image", logoSrc: item.thumbnail || '', logoAlt: `${item.title} thumbnail-image` }) }), _jsx(Card.Header, { title: item.title }), _jsxs(Card.Section, { className: "d-flex flex-column flex-grow-1 overflow-hidden", children: [_jsx("div", { className: "flex-grow-1 min-h-0", children: _jsx("p", { className: "text-truncate-3 mb-2", children: item.body }) }), (item.isProgram && item.tagText) && (_jsxs(Badge, { variant: "light", className: "d-inline-flex align-items-center px-2 py-1 align-self-start", children: [_jsx(Icon, { src: School, className: "mr-2" }), item.tagText] }))] }), _jsx(Card.Footer, { className: "d-flex justify-content-between align-items-center", children: _jsx("span", { className: `small ${item.isProgram ? 'text-white' : 'text-muted'}`, children: item.footerLabel }) })] }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/ProductCard/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIhD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC9B,cAAc,EAC1B,SAAS,EAAE,SAAS,aAEpB,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,CAAC,QAAQ,IACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,aAAa,iBACtB,oBAAoB,EAChC,OAAO,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,EAC7B,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,kBAAkB,GACxC,GACE,EAEN,KAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,EAElC,MAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,gDAAgD,aACtE,cAAK,SAAS,EAAC,qBAAqB,YAClC,YAAG,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,IAAI,GAAK,GAC/C,EAEL,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CACnC,MAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,6DAA6D,aAEvE,KAAC,IAAI,IAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,GAAG,EACrC,IAAI,CAAC,OAAO,IACP,CACT,IACY,EAEf,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,mDAAmD,YACxE,eAAM,SAAS,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,YAAG,IAAI,CAAC,WAAW,GAAQ,GACvF,IACT,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC } from 'react';\nimport { Card, Badge, Icon } from '@openedx/paragon';\nimport { School } from '@openedx/paragon/icons';\n\nimport { ProductCardProps } from './data/types';\n\nimport './index.scss';\n\nexport const ProductCard: FC<ProductCardProps> = ({ item, isLoading }) => {\n  return (\n    <Card\n      className=\"shadow-sm d-flex flex-column rounded w-100 overflow-hidden\"\n      variant={item.isProgram ? 'dark' : 'light'}\n      data-testid=\"product-card\"\n      isLoading={isLoading}\n    >\n      <div className=\"position-relative\">\n        <Card.ImageCap\n          src={item.url}\n          srcAlt={`${item.title} main-image`}\n          data-testid=\"product-card-image\"\n          logoSrc={item.thumbnail || ''}\n          logoAlt={`${item.title} thumbnail-image`}\n        />\n      </div>\n\n      <Card.Header title={item.title} />\n\n      <Card.Section className=\"d-flex flex-column flex-grow-1 overflow-hidden\">\n        <div className=\"flex-grow-1 min-h-0\">\n          <p className=\"text-truncate-3 mb-2\">{item.body}</p>\n        </div>\n\n        {(item.isProgram && item.tagText) && (\n          <Badge\n            variant=\"light\"\n            className=\"d-inline-flex align-items-center px-2 py-1 align-self-start\"\n          >\n            <Icon src={School} className=\"mr-2\" />\n            {item.tagText}\n          </Badge>\n        )}\n      </Card.Section>\n\n      <Card.Footer className=\"d-flex justify-content-between align-items-center\">\n        <span className={`small ${item.isProgram ? 'text-white' : 'text-muted'}`}>{item.footerLabel}</span>\n      </Card.Footer>\n    </Card>\n  );\n};\n"]}

package/dist/containers/ProductCard/index.scss

@@ -0,0 +1,6 @@
+.text-truncate-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgress.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const ProgramProgress: React.FC;
+export default ProgramProgress;

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgress.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import { Helmet } from 'react-helmet';
+import { useParams } from 'react-router-dom';
+import { Col, Container, Row } from '@openedx/paragon';
+import { logError, camelCaseObject } from '@openedx/frontend-base';
+import { getProgramProgressData } from '../data/api';
+import { ProgramProgressContext } from './ProgramProgressProvider';
+import ProgramProgressHeader from './ProgramProgressHeader';
+import ProgramProgressInfo from './ProgramProgressInfo';
+import './index.scss';
+const ProgramProgress = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const { programProgressData, setProgramProgressData, } = useContext(ProgramProgressContext);
+    const [programProgressEndpointError, setProgramProgressEndpointError] = useState(false);
+    const hasProgramProgressData = !!((programProgressData === null || programProgressData === void 0 ? void 0 : programProgressData.courseData)
+        && programProgressData.programData
+        && programProgressData.urls);
+    // Fetch UUID from route params
+    const { uuid } = useParams();
+    useEffect(() => {
+        if (!uuid) {
+            return;
+        }
+        getProgramProgressData(uuid)
+            .then(responseData => {
+            setProgramProgressData(camelCaseObject(responseData.data));
+        })
+            .catch(err => {
+            logError(err);
+            setProgramProgressEndpointError(true);
+        });
+    }, [uuid, setProgramProgressData]);
+    if (programProgressEndpointError) {
+        return (_jsx("div", { children: "Not found page" }));
+    }
+    if (!uuid) {
+        return (_jsx("div", { children: "Program uuid is missing." }));
+    }
+    if (!hasProgramProgressData) {
+        return (_jsx("div", { children: "Loading..." }));
+    }
+    const programData = programProgressData === null || programProgressData === void 0 ? void 0 : programProgressData.programData;
+    const courseData = programProgressData === null || programProgressData === void 0 ? void 0 : programProgressData.courseData;
+    const totalCoursesInProgram = (((_a = courseData.notStarted) === null || _a === void 0 ? void 0 : _a.length) || 0)
+        + (((_b = courseData.completed) === null || _b === void 0 ? void 0 : _b.length) || 0)
+        + (((_c = courseData.inProgress) === null || _c === void 0 ? void 0 : _c.length) || 0);
+    const allCoursesCompleted = !((_d = courseData.notStarted) === null || _d === void 0 ? void 0 : _d.length)
+        && !((_e = courseData.inProgress) === null || _e === void 0 ? void 0 : _e.length)
+        && ((_f = courseData.completed) === null || _f === void 0 ? void 0 : _f.length);
+    return (_jsxs(_Fragment, { children: [_jsx(Helmet, { title: `${programData === null || programData === void 0 ? void 0 : programData.title}` }), _jsxs(Container, { fluid: false, size: "xl", className: "p-4.5", children: [_jsx(ProgramProgressHeader, { programTitle: (_g = programData === null || programData === void 0 ? void 0 : programData.title) !== null && _g !== void 0 ? _g : '', programType: (_h = programData === null || programData === void 0 ? void 0 : programData.type) !== null && _h !== void 0 ? _h : '', authoringOrganizations: programData === null || programData === void 0 ? void 0 : programData.authoringOrganizations }), _jsx(Row, { children: _jsx(Col, { sm: 12, md: 8, children: _jsx(ProgramProgressInfo, { allCoursesCompleted: allCoursesCompleted, totalCoursesInProgram: totalCoursesInProgram, programTitle: (_j = programData === null || programData === void 0 ? void 0 : programData.title) !== null && _j !== void 0 ? _j : '' }) }) })] })] }));
+};
+export default ProgramProgress;
+//# sourceMappingURL=ProgramProgress.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramProgress.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { useParams } from 'react-router-dom';\nimport { Col, Container, Row } from '@openedx/paragon';\nimport { logError, camelCaseObject } from '@openedx/frontend-base';\nimport { getProgramProgressData } from '../data/api';\nimport { ProgramProgressContext, ProgramProgressContextValueType } from './ProgramProgressProvider';\nimport ProgramProgressHeader from './ProgramProgressHeader';\nimport ProgramProgressInfo from './ProgramProgressInfo';\n\nimport './index.scss';\n\nconst ProgramProgress: React.FC = () => {\n  const {\n    programProgressData,\n    setProgramProgressData,\n  } = useContext<ProgramProgressContextValueType>(ProgramProgressContext);\n\n  const [programProgressEndpointError, setProgramProgressEndpointError] = useState<boolean>(false);\n  const hasProgramProgressData = !!(\n    programProgressData?.courseData\n    && programProgressData.programData\n    && programProgressData.urls\n  );\n\n  // Fetch UUID from route params\n  const { uuid } = useParams() as { uuid: string };\n\n  useEffect(() => {\n    if (!uuid) {\n      return;\n    }\n\n    getProgramProgressData(uuid)\n      .then(responseData => {\n        setProgramProgressData(camelCaseObject(responseData.data));\n      })\n      .catch(err => {\n        logError(err);\n        setProgramProgressEndpointError(true);\n      });\n  }, [uuid, setProgramProgressData]);\n\n  if (programProgressEndpointError) {\n    return (\n      <div>Not found page</div>\n    );\n  }\n\n  if (!uuid) {\n    return (\n      <div>Program uuid is missing.</div>\n    );\n  }\n\n  if (!hasProgramProgressData) {\n    return (\n      <div>Loading...</div>\n    );\n  }\n\n  const programData = programProgressData?.programData;\n  const courseData = programProgressData?.courseData;\n\n  const totalCoursesInProgram = (courseData.notStarted?.length || 0)\n    + (courseData.completed?.length || 0)\n    + (courseData.inProgress?.length || 0);\n\n  const allCoursesCompleted = !courseData.notStarted?.length\n    && !courseData.inProgress?.length\n    && courseData.completed?.length;\n\n  return (\n    <>\n      <Helmet title={`${programData?.title}`} />\n      <Container fluid={false} size=\"xl\" className=\"p-4.5\">\n        <ProgramProgressHeader\n          programTitle={programData?.title ?? ''}\n          programType={programData?.type ?? ''}\n          authoringOrganizations={programData?.authoringOrganizations}\n        />\n        <Row>\n          <Col sm={12} md={8}>\n            <ProgramProgressInfo\n              allCoursesCompleted={allCoursesCompleted}\n              totalCoursesInProgram={totalCoursesInProgram}\n              programTitle={programData?.title ?? ''}\n            />\n          </Col>\n        </Row>\n      </Container>\n    </>\n  );\n};\n\nexport default ProgramProgress;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressHeader.d.ts

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

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressHeader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Row, Col, Image } from '@openedx/paragon';
+import { getProgramIcon } from '../data/util';
+import rwthAachenUniversityLogo from '../assets/rwth-aachen-university.svg';
+import messages from './messages';
+const ProgramProgressHeader = ({ programTitle, programType, authoringOrganizations, }) => {
+    const { formatMessage } = useIntl();
+    const programIcon = getProgramIcon(programType);
+    return (_jsxs(Row, { className: "justify-content-between pb-4.5", children: [_jsxs(Col, { sm: 8, xs: 12, className: "d-flex flex-column align-items-start", children: [_jsxs("div", { className: "d-flex align-items-center", children: [_jsx(Image, { src: programIcon, alt: `${programType} icon`, className: "program-icon mr-1" }), _jsx("h4", { className: "program-type-label font-weight-bold", children: formatMessage(messages.programTypeLabel, { programType }) })] }), _jsx("h2", { className: "program-title font-weight-normal", children: programTitle })] }), authoringOrganizations && (authoringOrganizations === null || authoringOrganizations === void 0 ? void 0 : authoringOrganizations.length) > 0 && (_jsxs(Col, { sm: 4, className: "text-center", children: [_jsx("div", { className: "x-small", children: formatMessage(messages.programProgressInstitutions) }), _jsx("div", { children: authoringOrganizations.map(org => (_jsx(Image, { id: "org-image", src: org.certificateLogoImageUrl || org.logoImageUrl || rwthAachenUniversityLogo, className: "container-mw-md", alt: `${org.name}'s logo` }, org.uuid))) })] }))] }));
+};
+export default ProgramProgressHeader;
+//# sourceMappingURL=ProgramProgressHeader.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramProgressHeader.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgressHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAE5E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,qBAAqB,GAAyC,CAAC,EACnE,YAAY,EAAE,WAAW,EAAE,sBAAsB,GAClD,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAEhD,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAC,gCAAgC,aAC7C,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,sCAAsC,aAClE,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,KAAK,IAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,WAAW,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG,EACrF,aAAI,SAAS,EAAC,qCAAqC,YAChD,aAAa,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,CAAC,GACvD,IACD,EACN,aAAI,SAAS,EAAC,kCAAkC,YAC7C,YAAY,GACV,IACD,EACL,sBAAsB,IAAI,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,MAAM,IAAG,CAAC,IAAI,CAC/D,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,aAAa,aACjC,cAAK,SAAS,EAAC,SAAS,YACrB,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,GAChD,EACN,wBACG,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,KAAC,KAAK,IAEJ,EAAE,EAAC,WAAW,EACd,GAAG,EAAE,GAAG,CAAC,uBAAuB,IAAI,GAAG,CAAC,YAAY,IAAI,wBAAwB,EAChF,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAE,GAAG,GAAG,CAAC,IAAI,SAAS,IAJpB,GAAG,CAAC,IAAI,CAKb,CACH,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Row, Col, Image } from '@openedx/paragon';\nimport { ProgramProgressHeaderProps } from '../data/types';\nimport { getProgramIcon } from '../data/util';\nimport rwthAachenUniversityLogo from '../assets/rwth-aachen-university.svg';\n\nimport messages from './messages';\n\nconst ProgramProgressHeader: React.FC<ProgramProgressHeaderProps> = ({\n  programTitle, programType, authoringOrganizations,\n}) => {\n  const { formatMessage } = useIntl();\n  const programIcon = getProgramIcon(programType);\n\n  return (\n    <Row className=\"justify-content-between pb-4.5\">\n      <Col sm={8} xs={12} className=\"d-flex flex-column align-items-start\">\n        <div className=\"d-flex align-items-center\">\n          <Image src={programIcon} alt={`${programType} icon`} className=\"program-icon mr-1\" />\n          <h4 className=\"program-type-label font-weight-bold\">\n            {formatMessage(messages.programTypeLabel, { programType })}\n          </h4>\n        </div>\n        <h2 className=\"program-title font-weight-normal\">\n          {programTitle}\n        </h2>\n      </Col>\n      {authoringOrganizations && authoringOrganizations?.length > 0 && (\n        <Col sm={4} className=\"text-center\">\n          <div className=\"x-small\">\n            {formatMessage(messages.programProgressInstitutions)}\n          </div>\n          <div>\n            {authoringOrganizations.map(org => (\n              <Image\n                key={org.uuid}\n                id=\"org-image\"\n                src={org.certificateLogoImageUrl || org.logoImageUrl || rwthAachenUniversityLogo}\n                className=\"container-mw-md\"\n                alt={`${org.name}'s logo`}\n              />\n            ))}\n          </div>\n        </Col>\n      )}\n    </Row>\n  );\n};\n\nexport default ProgramProgressHeader;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressInfo.d.ts

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

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressInfo.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+import { UpgradeAllButton } from './UpgradeButton';
+const ProgramProgressInfo = ({ allCoursesCompleted, totalCoursesInProgram, programTitle, }) => {
+    const { formatMessage } = useIntl();
+    return (_jsx("div", { className: "pb-4.5", children: allCoursesCompleted
+            ? (_jsxs(_Fragment, { children: [_jsx("h3", { children: formatMessage(messages.programProgressCompleteHeader) }), _jsx("p", { children: formatMessage(messages.programProgressCompleteText, { programTitle }) })] }))
+            : (_jsxs(_Fragment, { children: [_jsx("h3", { className: "program-journey-header font-weight-bold", children: formatMessage(messages.programProgressIncompleteHeader) }), _jsx("p", { className: "program-journey-text", "data-testid": "program-incomplete-info-text", children: formatMessage(messages.programProgressIncompleteText, { totalCoursesInProgram }) }), _jsx(UpgradeAllButton, {})] })) }));
+};
+export default ProgramProgressInfo;
+//# sourceMappingURL=ProgramProgressInfo.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramProgressInfo.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgressInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,mBAAmB,EAAE,qBAAqB,EAAE,YAAY,GACzD,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,cAAK,SAAS,EAAC,QAAQ,YACpB,mBAAmB;YAClB,CAAC,CAAC,CACE,8BACE,uBAAK,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,GAAM,EAChE,sBAAI,aAAa,CAAC,QAAQ,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,CAAC,GAAK,IAC7E,CACJ;YACH,CAAC,CAAC,CACE,8BACE,aAAI,SAAS,EAAC,yCAAyC,YAAE,aAAa,CAAC,QAAQ,CAAC,+BAA+B,CAAC,GAAM,EACtH,YAAG,SAAS,EAAC,sBAAsB,iBAAa,8BAA8B,YAC3E,aAAa,CAAC,QAAQ,CAAC,6BAA6B,EAAE,EAAE,qBAAqB,EAAE,CAAC,GAC/E,EACJ,KAAC,gBAAgB,KAAG,IACnB,CACJ,GACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { ProgramProgressInfoProps } from '../data/types';\nimport messages from './messages';\n\nimport { UpgradeAllButton } from './UpgradeButton';\n\nconst ProgramProgressInfo: React.FC<ProgramProgressInfoProps> = ({\n  allCoursesCompleted, totalCoursesInProgram, programTitle,\n}) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"pb-4.5\">\n      {allCoursesCompleted\n        ? (\n            <>\n              <h3>{formatMessage(messages.programProgressCompleteHeader)}</h3>\n              <p>{formatMessage(messages.programProgressCompleteText, { programTitle })}</p>\n            </>\n          )\n        : (\n            <>\n              <h3 className=\"program-journey-header font-weight-bold\">{formatMessage(messages.programProgressIncompleteHeader)}</h3>\n              <p className=\"program-journey-text\" data-testid=\"program-incomplete-info-text\">\n                {formatMessage(messages.programProgressIncompleteText, { totalCoursesInProgram })}\n              </p>\n              <UpgradeAllButton />\n            </>\n          )}\n    </div>\n  );\n};\n\nexport default ProgramProgressInfo;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ProgramProgressProviderProps, ProgramProgressContextValueType } from '../data/types';
+export type { ProgramProgressProviderProps, ProgramProgressContextValueType };
+export declare const ProgramProgressContext: React.Context<ProgramProgressContextValueType>;
+export declare const ProgramProgressContextProvider: React.FC<ProgramProgressProviderProps>;
+declare const _default: {
+    ProgramProgressContextProvider: React.FC<ProgramProgressProviderProps>;
+    ProgramProgressContext: React.Context<ProgramProgressContextValueType>;
+};
+export default _default;

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useMemo, useState, } from 'react';
+const defaultContextValue = {
+    programProgressData: {
+        urls: {
+            programListingUrl: undefined,
+            trackSelectionUrl: undefined,
+            commerceApiUrl: undefined,
+            buyButtonUrl: undefined,
+            programRecordUrl: undefined,
+        },
+        programData: null,
+        courseData: null,
+    },
+    setProgramProgressData: () => { },
+};
+export const ProgramProgressContext = createContext(defaultContextValue);
+export const ProgramProgressContextProvider = ({ children }) => {
+    const [programProgressData, setProgramProgressData] = useState(defaultContextValue.programProgressData);
+    const memoValue = useMemo(() => ({
+        programProgressData,
+        setProgramProgressData,
+    }), [programProgressData, setProgramProgressData]);
+    return (_jsx(ProgramProgressContext.Provider, { value: memoValue, children: children }));
+};
+export default {
+    ProgramProgressContextProvider,
+    ProgramProgressContext,
+};
+//# sourceMappingURL=ProgramProgressProvider.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramProgressProvider.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,aAAa,EAAE,OAAO,EAAE,QAAQ,GACjC,MAAM,OAAO,CAAC;AAQf,MAAM,mBAAmB,GAAoC;IAC3D,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,YAAY,EAAE,SAAS;YACvB,gBAAgB,EAAE,SAAS;SAC5B;QACD,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,IAAI;KACjB;IACD,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAkC,mBAAmB,CAAC,CAAC;AAE1G,MAAM,CAAC,MAAM,8BAA8B,GAA2C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAExG,MAAM,SAAS,GAAG,OAAO,CAAC,GAAoC,EAAE,CAAC,CAAC;QAChE,mBAAmB;QACnB,sBAAsB;KACvB,CAAC,EAAE,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,SAAS,YAEf,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,8BAA8B;IAC9B,sBAAsB;CACvB,CAAC","sourcesContent":["import React, {\n  createContext, useMemo, useState,\n} from 'react';\nimport {\n  ProgramProgressProviderProps,\n  ProgramProgressContextValueType,\n} from '../data/types';\n\nexport type { ProgramProgressProviderProps, ProgramProgressContextValueType };\n\nconst defaultContextValue: ProgramProgressContextValueType = {\n  programProgressData: {\n    urls: {\n      programListingUrl: undefined,\n      trackSelectionUrl: undefined,\n      commerceApiUrl: undefined,\n      buyButtonUrl: undefined,\n      programRecordUrl: undefined,\n    },\n    programData: null,\n    courseData: null,\n  },\n  setProgramProgressData: () => {},\n};\n\nexport const ProgramProgressContext = createContext<ProgramProgressContextValueType>(defaultContextValue);\n\nexport const ProgramProgressContextProvider: React.FC<ProgramProgressProviderProps> = ({ children }) => {\n  const [programProgressData, setProgramProgressData] = useState(defaultContextValue.programProgressData);\n\n  const memoValue = useMemo((): ProgramProgressContextValueType => ({\n    programProgressData,\n    setProgramProgressData,\n  }), [programProgressData, setProgramProgressData]);\n\n  return (\n    <ProgramProgressContext.Provider\n      value={memoValue}\n    >\n      {children}\n    </ProgramProgressContext.Provider>\n  );\n};\n\nexport default {\n  ProgramProgressContextProvider,\n  ProgramProgressContext,\n};\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const UpgradeAllButton: React.FC;
+export default UpgradeAllButton;