@openedx/frontend-app-learner-dashboard 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/Main.d.ts

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

package/dist/Main.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CurrentAppProvider, PageWrap } from '@openedx/frontend-base';
+import { appId } from './constants';
+import ContextProviders from './data/context';
+import Dashboard from './containers/Dashboard';
+import './app.scss';
+const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(ContextProviders, { children: _jsx(PageWrap, { children: _jsx(Dashboard, {}) }) }) }));
+export default Main;
+//# sourceMappingURL=Main.js.map

package/dist/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,gBAAgB,MAAM,gBAAgB,CAAC;AAC9C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,YAAY,CAAC;AAEpB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,YAC9B,KAAC,gBAAgB,cACf,KAAC,QAAQ,cACP,KAAC,SAAS,KAAG,GACJ,GACM,GACA,CACtB,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { CurrentAppProvider, PageWrap } from '@openedx/frontend-base';\n\nimport { appId } from './constants';\nimport ContextProviders from './data/context';\nimport Dashboard from './containers/Dashboard';\n\nimport './app.scss';\n\nconst Main = () => (\n  <CurrentAppProvider appId={appId}>\n    <ContextProviders>\n      <PageWrap>\n        <Dashboard />\n      </PageWrap>\n    </ContextProviders>\n  </CurrentAppProvider>\n);\n\nexport default Main;\n"]}

package/dist/app.d.ts

@@ -0,0 +1,3 @@
+import { App } from '@openedx/frontend-base';
+declare const app: App;
+export default app;

package/dist/app.js

@@ -0,0 +1,20 @@
+import { appId } from './constants';
+import routes from './routes';
+import providers from './providers';
+import slots from './slots';
+const app = {
+    appId,
+    routes,
+    providers,
+    slots,
+    config: {
+        LEARNING_BASE_URL: 'http://apps.local.openedx.io:2000',
+        ENABLE_PROGRAMS: false,
+        ECOMMERCE_BASE_URL: '',
+        ORDER_HISTORY_URL: '',
+        SUPPORT_URL: '',
+        SHOW_UNENROLL_SURVEY: false,
+    }
+};
+export default app;
+//# sourceMappingURL=app.js.map

package/dist/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,GAAG,GAAQ;IACf,KAAK;IACL,MAAM;IACN,SAAS;IACT,KAAK;IACL,MAAM,EAAE;QACN,iBAAiB,EAAE,mCAAmC;QACtD,eAAe,EAAE,KAAK;QACtB,kBAAkB,EAAE,EAAE;QACtB,iBAAiB,EAAE,EAAE;QACrB,WAAW,EAAE,EAAE;QACf,oBAAoB,EAAE,KAAK;KAC5B;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App } from '@openedx/frontend-base';\nimport { appId } from './constants';\nimport routes from './routes';\nimport providers from './providers';\nimport slots from './slots';\n\nconst app: App = {\n  appId,\n  routes,\n  providers,\n  slots,\n  config: {\n    LEARNING_BASE_URL: 'http://apps.local.openedx.io:2000',\n    ENABLE_PROGRAMS: false,\n    ECOMMERCE_BASE_URL: '',\n    ORDER_HISTORY_URL: '',\n    SUPPORT_URL: '',\n    SHOW_UNENROLL_SURVEY: false,\n  }\n};\n\nexport default app;\n"]}

package/dist/app.scss

@@ -0,0 +1,38 @@
+@use "@openedx/frontend-base/shell/app.scss";
+
+$fa-font-path: "~font-awesome/fonts";
+@import "~font-awesome/scss/font-awesome";
+
+$input-focus-box-shadow: var(--pgn-elevation-form-input-base); // hack to get upgrade to paragon 4.0.0 to work
+
+#learnerDashboardRoot {
+  main {
+    flex-grow: 1;
+  }
+
+  // Removing a odd 1.5 scaling on checkboxes.:
+  input[type=checkbox] {
+    transform: none;
+  }
+
+  .text-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .alert.alert-info .alert-icon {
+    color: black;
+  }
+
+  #paragon-portal-root {
+    .pgn__modal-layer {
+      .pgn__modal-close-container {
+        right: 1rem !important;
+      }
+    }
+    .confirm-modal .pgn__modal-body {
+      overflow: hidden;
+    }
+  }
+}

package/dist/components/Banner.d.ts

@@ -0,0 +1,24 @@
+export function Banner({ children, variant, icon, className, }: {
+    children: any;
+    variant: any;
+    icon: any;
+    className: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Banner {
+    namespace defaultProps {
+        export { Info as icon };
+        export let variant: string;
+        export let className: string;
+    }
+    namespace propTypes {
+        let variant_1: PropTypes.Requireable<string>;
+        export { variant_1 as variant };
+        export let icon: PropTypes.Requireable<(...args: any[]) => any>;
+        export let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
+    }
+}
+export default Banner;
+import { Info } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';

package/dist/components/Banner.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Alert } from '@openedx/paragon';
+import { Info } from '@openedx/paragon/icons';
+export const Banner = ({ children, variant, icon, className, }) => (_jsx(Alert, { variant: variant, className: className, icon: icon, children: children }));
+Banner.defaultProps = {
+    icon: Info,
+    variant: 'info',
+    className: 'mb-0',
+};
+Banner.propTypes = {
+    variant: PropTypes.string,
+    icon: PropTypes.func,
+    children: PropTypes.node.isRequired,
+    className: PropTypes.string,
+};
+export default Banner;
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/components/Banner.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,GACnC,EAAE,EAAE,CAAC,CACJ,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,YACtD,QAAQ,GACH,CACT,CAAC;AACF,MAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;CAClB,CAAC;AACF,MAAM,CAAC,SAAS,GAAG;IACjB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Alert } from '@openedx/paragon';\nimport { Info } from '@openedx/paragon/icons';\n\nexport const Banner = ({\n  children, variant, icon, className,\n}) => (\n  <Alert variant={variant} className={className} icon={icon}>\n    {children}\n  </Alert>\n);\nBanner.defaultProps = {\n  icon: Info,\n  variant: 'info',\n  className: 'mb-0',\n};\nBanner.propTypes = {\n  variant: PropTypes.string,\n  icon: PropTypes.func,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n};\n\nexport default Banner;\n"]}

package/dist/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const appId = "org.openedx.frontend.app.learnerDashboard";
+export declare const dashboardRole = "org.openedx.frontend.role.dashboard";

package/dist/constants.js

@@ -0,0 +1,3 @@
+export const appId = 'org.openedx.frontend.app.learnerDashboard';
+export const dashboardRole = 'org.openedx.frontend.role.dashboard';
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,2CAA2C,CAAC;AACjE,MAAM,CAAC,MAAM,aAAa,GAAG,qCAAqC,CAAC","sourcesContent":["export const appId = 'org.openedx.frontend.app.learnerDashboard';\nexport const dashboardRole = 'org.openedx.frontend.role.dashboard';\n"]}

package/dist/containers/CourseCard/CourseCard.scss

@@ -0,0 +1,73 @@
+.course-card {
+  .card {
+    .pgn__card-wrapper-image-cap.vertical {
+      display: flex;
+      min-height: var(--pgn-size-card-image-vertical-max-height);
+    }
+    .pgn__card-image-cap {
+      border-bottom-left-radius: 0 !important;
+    }
+    .overflow-visible {
+      overflow: visible;
+    }
+    .pgn__card-header-content {
+      margin-top: 1.5rem;
+    }
+    .pgn__card-footer {
+      flex-wrap: nowrap;
+
+      &.vertical {
+        flex-direction: column;
+      }
+
+      .pgn__action-row {
+        align-self: flex-end;
+        white-space: nowrap;
+      }
+    }
+
+    .course-card-verify-ribbon-container {
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      text-align: center;
+
+      .badge {
+        border-radius: 0;
+      }
+
+      > img {
+        width: 40px;
+        z-index: 1000;
+        position: absolute;
+        top: 0;
+        right: 0;
+      }
+    }
+  }
+
+  .course-card-banners {
+    > .alert {
+      border-radius: 0;
+      box-shadow: none;
+      padding: var(--pgn-spacing-spacer-3) var(--pgn-spacing-spacer-4);
+
+      &:last-of-type {
+        border-bottom-left-radius: var(--pgn-size-alert-border-radius);
+        border-bottom-right-radius: var(--pgn-size-alert-border-radius);
+      }
+    }
+
+    .related-programs-banner {
+      .related-programs-list-container {
+        list-style: none;
+        display: inline;
+
+        > li {
+          line-height: 1rem;
+        }
+      }
+    }
+  }
+}

package/dist/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.d.ts

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

package/dist/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.js

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

package/dist/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.js.map

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

package/dist/containers/CourseCard/components/CourseCardActions/ActionButton/index.d.ts

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

package/dist/containers/CourseCard/components/CourseCardActions/ActionButton/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '@openedx/paragon';
+import useIsCollapsed from './hooks';
+export const ActionButton = (props) => {
+    const isSmall = useIsCollapsed();
+    return (_jsx(Button, Object.assign({}, props, isSmall && { size: 'sm' })));
+};
+export default ActionButton;
+//# sourceMappingURL=index.js.map

package/dist/containers/CourseCard/components/CourseCardActions/ActionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardActions/ActionButton/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,cAAc,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,OAAO,CACL,KAAC,MAAM,oBACD,KAAK,EACL,OAAO,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport { Button } from '@openedx/paragon';\n\nimport useIsCollapsed from './hooks';\n\nexport const ActionButton = (props) => {\n  const isSmall = useIsCollapsed();\n  return (\n    <Button\n      {...props}\n      {...isSmall && { size: 'sm' }}\n    />\n  );\n};\n\nexport default ActionButton;\n"]}

package/dist/containers/CourseCard/components/CourseCardActions/BeginCourseButton.d.ts

@@ -0,0 +1,10 @@
+export function BeginCourseButton({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace BeginCourseButton {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default BeginCourseButton;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardActions/BeginCourseButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { EXECUTIVE_EDUCATION_COURSE_MODES } from '../../../../data/constants/course';
+import track from '../../../../tracking';
+import { useCourseData, useCourseTrackingEvent } from '../../../../hooks';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const BeginCourseButton = ({ cardId }) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const { data: learnerData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const homeUrl = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.homeUrl;
+    const execEdTrackingParam = useMemo(() => {
+        const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);
+        const { authOrgId } = learnerData.enterpriseDashboard || {};
+        return isExecEd2UCourse ? `?org_id=${authOrgId}` : '';
+    }, [courseData.enrollment.mode, learnerData.enterpriseDashboard]);
+    const { disableBeginCourse } = useActionDisabledState(cardId);
+    const handleClick = useCourseTrackingEvent(track.course.enterCourseClicked, cardId, homeUrl + execEdTrackingParam);
+    return (_jsx(ActionButton, { disabled: disableBeginCourse, as: "a", href: homeUrl + execEdTrackingParam, onClick: handleClick, children: formatMessage(messages.beginCourse) }));
+};
+BeginCourseButton.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default BeginCourseButton;
+//# sourceMappingURL=BeginCourseButton.js.map

package/dist/containers/CourseCard/components/CourseCardActions/BeginCourseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeginCourseButton.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardActions/BeginCourseButton.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,sBAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,OAAO,CAAC;IAC/C,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC/F,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,EAAE,CAAC;QAC5D,OAAO,gBAAgB,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAClE,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,sBAAsB,CACxC,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAC/B,MAAM,EACN,OAAO,GAAG,mBAAmB,CAC9B,CAAC;IACF,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,kBAAkB,EAC5B,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,OAAO,GAAG,mBAAmB,EACnC,OAAO,EAAE,WAAW,YAEnB,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GACvB,CAChB,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AACF,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { EXECUTIVE_EDUCATION_COURSE_MODES } from '@src/data/constants/course';\n\nimport track from '@src/tracking';\nimport { useCourseData, useCourseTrackingEvent } from '@src/hooks';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const BeginCourseButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n  const homeUrl = courseData?.courseRun?.homeUrl;\n  const execEdTrackingParam = useMemo(() => {\n    const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);\n    const { authOrgId } = learnerData.enterpriseDashboard || {};\n    return isExecEd2UCourse ? `?org_id=${authOrgId}` : '';\n  }, [courseData.enrollment.mode, learnerData.enterpriseDashboard]);\n  const { disableBeginCourse } = useActionDisabledState(cardId);\n\n  const handleClick = useCourseTrackingEvent(\n    track.course.enterCourseClicked,\n    cardId,\n    homeUrl + execEdTrackingParam,\n  );\n  return (\n    <ActionButton\n      disabled={disableBeginCourse}\n      as=\"a\"\n      href={homeUrl + execEdTrackingParam}\n      onClick={handleClick}\n    >\n      {formatMessage(messages.beginCourse)}\n    </ActionButton>\n  );\n};\nBeginCourseButton.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\nexport default BeginCourseButton;\n"]}

package/dist/containers/CourseCard/components/CourseCardActions/ResumeButton.d.ts

@@ -0,0 +1,10 @@
+export function ResumeButton({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ResumeButton {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default ResumeButton;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardActions/ResumeButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { EXECUTIVE_EDUCATION_COURSE_MODES } from '../../../../data/constants/course';
+import track from '../../../../tracking';
+import { useCourseTrackingEvent, useCourseData } from '../../../../hooks';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const ResumeButton = ({ cardId }) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const { data: learnerData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const resumeUrl = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.resumeUrl;
+    const execEdTrackingParam = useMemo(() => {
+        const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);
+        const { authOrgId } = learnerData.enterpriseDashboard || {};
+        return isExecEd2UCourse ? `?org_id=${authOrgId}` : '';
+    }, [courseData.enrollment.mode, learnerData.enterpriseDashboard]);
+    const { disableResumeCourse } = useActionDisabledState(cardId);
+    const handleClick = useCourseTrackingEvent(track.course.enterCourseClicked, cardId, resumeUrl + execEdTrackingParam);
+    return (_jsx(ActionButton, { disabled: disableResumeCourse, as: "a", href: resumeUrl + execEdTrackingParam, onClick: handleClick, children: formatMessage(messages.resume) }));
+};
+ResumeButton.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default ResumeButton;
+//# sourceMappingURL=ResumeButton.js.map

package/dist/containers/CourseCard/components/CourseCardActions/ResumeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResumeButton.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardActions/ResumeButton.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,sBAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IACzC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,SAAS,CAAC;IACnD,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC/F,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,EAAE,CAAC;QAC5D,OAAO,gBAAgB,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAClE,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,sBAAsB,CACxC,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAC/B,MAAM,EACN,SAAS,GAAG,mBAAmB,CAChC,CAAC;IACF,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,mBAAmB,EAC7B,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,SAAS,GAAG,mBAAmB,EACrC,OAAO,EAAE,WAAW,YAEnB,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAClB,CAChB,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AACF,eAAe,YAAY,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { EXECUTIVE_EDUCATION_COURSE_MODES } from '@src/data/constants/course';\nimport track from '@src/tracking';\nimport { useCourseTrackingEvent, useCourseData } from '@src/hooks';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const ResumeButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n  const resumeUrl = courseData?.courseRun?.resumeUrl;\n  const execEdTrackingParam = useMemo(() => {\n    const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);\n    const { authOrgId } = learnerData.enterpriseDashboard || {};\n    return isExecEd2UCourse ? `?org_id=${authOrgId}` : '';\n  }, [courseData.enrollment.mode, learnerData.enterpriseDashboard]);\n  const { disableResumeCourse } = useActionDisabledState(cardId);\n\n  const handleClick = useCourseTrackingEvent(\n    track.course.enterCourseClicked,\n    cardId,\n    resumeUrl + execEdTrackingParam,\n  );\n  return (\n    <ActionButton\n      disabled={disableResumeCourse}\n      as=\"a\"\n      href={resumeUrl + execEdTrackingParam}\n      onClick={handleClick}\n    >\n      {formatMessage(messages.resume)}\n    </ActionButton>\n  );\n};\nResumeButton.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\nexport default ResumeButton;\n"]}

package/dist/containers/CourseCard/components/CourseCardActions/SelectSessionButton.d.ts

@@ -0,0 +1,10 @@
+export function SelectSessionButton({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace SelectSessionButton {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default SelectSessionButton;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardActions/SelectSessionButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useSelectSessionModal } from '../../../../data/context';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const SelectSessionButton = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { disableSelectSession } = useActionDisabledState(cardId);
+    const { updateSelectSessionModal } = useSelectSessionModal();
+    return (_jsx(ActionButton, { disabled: disableSelectSession, onClick: () => updateSelectSessionModal(cardId), children: formatMessage(messages.selectSession) }));
+};
+SelectSessionButton.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default SelectSessionButton;
+//# sourceMappingURL=SelectSessionButton.js.map

package/dist/containers/CourseCard/components/CourseCardActions/SelectSessionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSessionButton.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardActions/SelectSessionButton.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,sBAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,oBAAoB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7D,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,MAAM,CAAC,YAE9C,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GACzB,CAChB,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,SAAS,GAAG;IAC9B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AACF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useSelectSessionModal } from '@src/data/context';\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const SelectSessionButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { disableSelectSession } = useActionDisabledState(cardId);\n  const { updateSelectSessionModal } = useSelectSessionModal();\n  return (\n    <ActionButton\n      disabled={disableSelectSession}\n      onClick={() => updateSelectSessionModal(cardId)}\n    >\n      {formatMessage(messages.selectSession)}\n    </ActionButton>\n  );\n};\nSelectSessionButton.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\nexport default SelectSessionButton;\n"]}

package/dist/containers/CourseCard/components/CourseCardActions/ViewCourseButton.d.ts

@@ -0,0 +1,10 @@
+export function ViewCourseButton({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ViewCourseButton {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default ViewCourseButton;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardActions/ViewCourseButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import track from '../../../../tracking';
+import { useCourseTrackingEvent, useCourseData } from '../../../../hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const ViewCourseButton = ({ cardId }) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const homeUrl = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.homeUrl;
+    const { disableViewCourse } = useActionDisabledState(cardId);
+    const handleClick = useCourseTrackingEvent(track.course.enterCourseClicked, cardId, homeUrl);
+    return (_jsx(ActionButton, { disabled: disableViewCourse, as: "a", href: homeUrl, onClick: handleClick, children: formatMessage(messages.viewCourse) }));
+};
+ViewCourseButton.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default ViewCourseButton;
+//# sourceMappingURL=ViewCourseButton.js.map

package/dist/containers/CourseCard/components/CourseCardActions/ViewCourseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewCourseButton.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardActions/ViewCourseButton.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,sBAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC7C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,OAAO,CAAC;IAC/C,MAAM,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,sBAAsB,CACxC,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAC/B,MAAM,EACN,OAAO,CACR,CAAC;IACF,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,iBAAiB,EAC3B,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,WAAW,YAEnB,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GACtB,CAChB,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AACF,eAAe,gBAAgB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport track from '@src/tracking';\nimport { useCourseTrackingEvent, useCourseData } from '@src/hooks';\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const ViewCourseButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const homeUrl = courseData?.courseRun?.homeUrl;\n  const { disableViewCourse } = useActionDisabledState(cardId);\n\n  const handleClick = useCourseTrackingEvent(\n    track.course.enterCourseClicked,\n    cardId,\n    homeUrl,\n  );\n  return (\n    <ActionButton\n      disabled={disableViewCourse}\n      as=\"a\"\n      href={homeUrl}\n      onClick={handleClick}\n    >\n      {formatMessage(messages.viewCourse)}\n    </ActionButton>\n  );\n};\nViewCourseButton.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\nexport default ViewCourseButton;\n"]}

package/dist/containers/CourseCard/components/CourseCardActions/index.d.ts

@@ -0,0 +1,10 @@
+export function CourseCardActions({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CourseCardActions {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default CourseCardActions;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardActions/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ActionRow } from '@openedx/paragon';
+import { useCourseData, useEntitlementInfo } from '../../../../hooks';
+import CourseCardActionSlot from '../../../../slots/CourseCardActionSlot';
+import SelectSessionButton from './SelectSessionButton';
+import BeginCourseButton from './BeginCourseButton';
+import ResumeButton from './ResumeButton';
+import ViewCourseButton from './ViewCourseButton';
+export const CourseCardActions = ({ cardId }) => {
+    const cardData = useCourseData(cardId);
+    const hasStarted = cardData.enrollment.hasStarted || false;
+    const { isEntitlement, isFulfilled } = useEntitlementInfo(cardData);
+    const isArchived = cardData.courseRun.isArchived || false;
+    return (_jsxs(ActionRow, { "data-test-id": "CourseCardActions", children: [_jsx(CourseCardActionSlot, { cardId: cardId }), isEntitlement && (isFulfilled
+                ? _jsx(ViewCourseButton, { cardId: cardId })
+                : _jsx(SelectSessionButton, { cardId: cardId })), (isArchived && !isEntitlement) && (_jsx(ViewCourseButton, { cardId: cardId })), !(isArchived || isEntitlement) && (hasStarted
+                ? _jsx(ResumeButton, { cardId: cardId })
+                : _jsx(BeginCourseButton, { cardId: cardId }))] }));
+};
+CourseCardActions.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseCardActions;
+//# sourceMappingURL=index.js.map

package/dist/containers/CourseCard/components/CourseCardActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardActions/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,UAAU,IAAI,KAAK,CAAC;IAC3D,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC;IAE1D,OAAO,CACL,MAAC,SAAS,oBAAc,mBAAmB,aACzC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,aAAa,IAAI,CAAC,WAAW;gBAC5B,CAAC,CAAC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI;gBACtC,CAAC,CAAC,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CAC1C,EACA,CAAC,UAAU,IAAI,CAAC,aAAa,CAAC,IAAI,CACjC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,CACrC,EACA,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CAAC,UAAU;gBAC5C,CAAC,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI;gBAClC,CAAC,CAAC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,CACxC,IACS,CACb,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ActionRow } from '@openedx/paragon';\n\nimport { useCourseData, useEntitlementInfo } from '@src/hooks';\n\nimport CourseCardActionSlot from '@src/slots/CourseCardActionSlot';\nimport SelectSessionButton from './SelectSessionButton';\nimport BeginCourseButton from './BeginCourseButton';\nimport ResumeButton from './ResumeButton';\nimport ViewCourseButton from './ViewCourseButton';\n\nexport const CourseCardActions = ({ cardId }) => {\n  const cardData = useCourseData(cardId);\n  const hasStarted = cardData.enrollment.hasStarted || false;\n  const { isEntitlement, isFulfilled } = useEntitlementInfo(cardData);\n  const isArchived = cardData.courseRun.isArchived || false;\n\n  return (\n    <ActionRow data-test-id=\"CourseCardActions\">\n      <CourseCardActionSlot cardId={cardId} />\n      {isEntitlement && (isFulfilled\n        ? <ViewCourseButton cardId={cardId} />\n        : <SelectSessionButton cardId={cardId} />\n      )}\n      {(isArchived && !isEntitlement) && (\n        <ViewCourseButton cardId={cardId} />\n      )}\n      {!(isArchived || isEntitlement) && (hasStarted\n        ? <ResumeButton cardId={cardId} />\n        : <BeginCourseButton cardId={cardId} />\n      )}\n    </ActionRow>\n  );\n};\nCourseCardActions.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCardActions;\n"]}

package/dist/containers/CourseCard/components/CourseCardActions/messages.d.ts

@@ -0,0 +1,32 @@
+export default messages;
+declare namespace messages {
+    namespace beginCourse {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace resume {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace viewCourse {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace selectSession {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+}

package/dist/containers/CourseCard/components/CourseCardActions/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    beginCourse: {
+        id: 'learner-dash.courseCard.actions.beginCourse',
+        description: 'Course card begin-course button text',
+        defaultMessage: 'Begin Course',
+    },
+    resume: {
+        id: 'learner-dash.courseCard.actions.resume',
+        description: 'Course card resume button text',
+        defaultMessage: 'Resume',
+    },
+    viewCourse: {
+        id: 'learner-dash.courseCard.actions.viewCourse',
+        description: 'Course card view-course button text',
+        defaultMessage: 'View Course',
+    },
+    selectSession: {
+        id: 'learner-dash.courseCard.actions.selectSession',
+        description: 'Course card select-session button text',
+        defaultMessage: 'Select Session',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CourseCard/components/CourseCardActions/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardActions/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,WAAW,EAAE;QACX,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,sCAAsC;QACnD,cAAc,EAAE,cAAc;KAC/B;IACD,MAAM,EAAE;QACN,EAAE,EAAE,wCAAwC;QAC5C,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,qCAAqC;QAClD,cAAc,EAAE,aAAa;KAC9B;IACD,aAAa,EAAE;QACb,EAAE,EAAE,+CAA+C;QACnD,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,gBAAgB;KACjC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  beginCourse: {\n    id: 'learner-dash.courseCard.actions.beginCourse',\n    description: 'Course card begin-course button text',\n    defaultMessage: 'Begin Course',\n  },\n  resume: {\n    id: 'learner-dash.courseCard.actions.resume',\n    description: 'Course card resume button text',\n    defaultMessage: 'Resume',\n  },\n  viewCourse: {\n    id: 'learner-dash.courseCard.actions.viewCourse',\n    description: 'Course card view-course button text',\n    defaultMessage: 'View Course',\n  },\n  selectSession: {\n    id: 'learner-dash.courseCard.actions.selectSession',\n    description: 'Course card select-session button text',\n    defaultMessage: 'Select Session',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CertificateBanner.d.ts

@@ -0,0 +1,10 @@
+export function CertificateBanner({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace CertificateBanner {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default CertificateBanner;
+import PropTypes from 'prop-types';