@openedx/frontend-app-learner-dashboard 1.0.0-alpha.5 → 1.0.0-alpha.6

package/dist/Main.d.ts

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

package/{src/Main.jsx → dist/Main.js}

@@ -1,20 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Provider as ReduxProvider } from 'react-redux';
 import { CurrentAppProvider, PageWrap } from '@openedx/frontend-base';
-
 import { appId } from './constants';
 import store from './data/store';
 import Dashboard from './containers/Dashboard';
-
 import './app.scss';
-
-const Main = () => (
-  <CurrentAppProvider appId={appId}>
-    <ReduxProvider store={store}>
-      <PageWrap>
-        <Dashboard />
-      </PageWrap>
-    </ReduxProvider>
-  </CurrentAppProvider>
-);
-
+const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(ReduxProvider, { store: store, 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,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,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,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,QAAQ,cACP,KAAC,SAAS,KAAG,GACJ,GACG,GACG,CACtB,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { Provider as ReduxProvider } from 'react-redux';\nimport { CurrentAppProvider, PageWrap } from '@openedx/frontend-base';\n\nimport { appId } from './constants';\nimport store from './data/store';\nimport Dashboard from './containers/Dashboard';\n\nimport './app.scss';\n\nconst Main = () => (\n  <CurrentAppProvider appId={appId}>\n    <ReduxProvider store={store}>\n      <PageWrap>\n        <Dashboard />\n      </PageWrap>\n    </ReduxProvider>\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,21 @@
+import { appId } from './constants';
+import routes from './routes';
+import providers from './providers';
+import messages from './i18n';
+import slots from './slots';
+const app = {
+    appId,
+    routes,
+    providers,
+    messages,
+    slots,
+    config: {
+        LEARNING_BASE_URL: 'http://apps.local.openedx.io:2000',
+        ENABLE_PROGRAMS: false,
+        ECOMMERCE_BASE_URL: '',
+        ORDER_HISTORY_URL: '',
+        SUPPORT_URL: '',
+    }
+};
+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,QAAQ,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,GAAG,GAAQ;IACf,KAAK;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IACR,KAAK;IACL,MAAM,EAAE;QACN,iBAAiB,EAAE,mCAAmC;QACtD,eAAe,EAAE,KAAK;QACtB,kBAAkB,EAAE,EAAE;QACtB,iBAAiB,EAAE,EAAE;QACrB,WAAW,EAAE,EAAE;KAChB;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 messages from './i18n';\nimport slots from './slots';\n\nconst app: App = {\n  appId,\n  routes,\n  providers,\n  messages,\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  }\n};\n\nexport default app;\n"]}

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 @@
+export declare const appId = "org.openedx.frontend.app.learnerDashboard";

package/{src/constants.ts → dist/constants.js}

@@ -1 +1,2 @@
 export const appId = 'org.openedx.frontend.app.learnerDashboard';
+//# 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","sourcesContent":["export const appId = 'org.openedx.frontend.app.learnerDashboard';\n"]}

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,22 @@
+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 { reduxHooks } from '../../../../hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const BeginCourseButton = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
+    const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);
+    const { disableBeginCourse } = useActionDisabledState(cardId);
+    const handleClick = reduxHooks.useTrackCourseEvent(track.course.enterCourseClicked, cardId, homeUrl + execEdTrackingParam);
+    return (_jsx(ActionButton, { disabled: disableBeginCourse, as: "a", href: "#", 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,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,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,OAAO,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,mBAAmB,GAAG,UAAU,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAC1E,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAChD,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,EAAC,GAAG,EACR,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 from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport track from '../../../../tracking';\nimport { reduxHooks } from '../../../../hooks';\n\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const BeginCourseButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);\n  const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);\n  const { disableBeginCourse } = useActionDisabledState(cardId);\n\n  const handleClick = reduxHooks.useTrackCourseEvent(\n    track.course.enterCourseClicked,\n    cardId,\n    homeUrl + execEdTrackingParam,\n  );\n  return (\n    <ActionButton\n      disabled={disableBeginCourse}\n      as=\"a\"\n      href=\"#\"\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,22 @@
+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 { reduxHooks } from '../../../../hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const ResumeButton = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { resumeUrl } = reduxHooks.useCardCourseRunData(cardId);
+    const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);
+    const { disableResumeCourse } = useActionDisabledState(cardId);
+    const handleClick = reduxHooks.useTrackCourseEvent(track.course.enterCourseClicked, cardId, resumeUrl + execEdTrackingParam);
+    return (_jsx(ActionButton, { disabled: disableResumeCourse, as: "a", href: "#", 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,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,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,SAAS,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,mBAAmB,GAAG,UAAU,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAC1E,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAChD,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,EAAC,GAAG,EACR,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 from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport track from '../../../../tracking';\nimport { reduxHooks } from '../../../../hooks';\n\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const ResumeButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { resumeUrl } = reduxHooks.useCardCourseRunData(cardId);\n  const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);\n  const { disableResumeCourse } = useActionDisabledState(cardId);\n\n  const handleClick = reduxHooks.useTrackCourseEvent(\n    track.course.enterCourseClicked,\n    cardId,\n    resumeUrl + execEdTrackingParam,\n  );\n  return (\n    <ActionButton\n      disabled={disableResumeCourse}\n      as=\"a\"\n      href=\"#\"\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 { reduxHooks } from '../../../../hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const SelectSessionButton = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { disableSelectSession } = useActionDisabledState(cardId);
+    const openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);
+    return (_jsx(ActionButton, { disabled: disableSelectSession, onClick: openSessionModal, 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,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,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,gBAAgB,GAAG,UAAU,CAAC,mCAAmC,CAAC,MAAM,CAAC,CAAC;IAChF,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,gBAAgB,YAExB,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 { reduxHooks } from '../../../../hooks';\n\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 openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);\n  return (\n    <ActionButton\n      disabled={disableSelectSession}\n      onClick={openSessionModal}\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,21 @@
+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 { reduxHooks } from '../../../../hooks';
+import useActionDisabledState from '../hooks';
+import ActionButton from './ActionButton';
+import messages from './messages';
+export const ViewCourseButton = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
+    const { disableViewCourse } = useActionDisabledState(cardId);
+    const handleClick = reduxHooks.useTrackCourseEvent(track.course.enterCourseClicked, cardId, homeUrl);
+    return (_jsx(ActionButton, { disabled: disableViewCourse, as: "a", href: "#", 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,sBAAsB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,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,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAChD,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,EAAC,GAAG,EACR,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 '../../../../tracking';\nimport { reduxHooks } from '../../../../hooks';\n\nimport useActionDisabledState from '../hooks';\nimport ActionButton from './ActionButton';\nimport messages from './messages';\n\nexport const ViewCourseButton = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);\n  const { disableViewCourse } = useActionDisabledState(cardId);\n\n  const handleClick = reduxHooks.useTrackCourseEvent(\n    track.course.enterCourseClicked,\n    cardId,\n    homeUrl,\n  );\n  return (\n    <ActionButton\n      disabled={disableViewCourse}\n      as=\"a\"\n      href=\"#\"\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,25 @@
+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 { reduxHooks } 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 { isEntitlement, isFulfilled } = reduxHooks.useCardEntitlementData(cardId);
+    const { hasStarted, } = reduxHooks.useCardEnrollmentData(cardId);
+    const { isArchived } = reduxHooks.useCardCourseRunData(cardId);
+    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,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,oBAAoB,MAAM,wCAAwC,CAAC;AAE1E,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,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACjF,MAAM,EACJ,UAAU,GACX,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE/D,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 { reduxHooks } from '../../../../hooks';\nimport CourseCardActionSlot from '../../../../slots/CourseCardActionSlot';\n\nimport SelectSessionButton from './SelectSessionButton';\nimport BeginCourseButton from './BeginCourseButton';\nimport ResumeButton from './ResumeButton';\nimport ViewCourseButton from './ViewCourseButton';\n\nexport const CourseCardActions = ({ cardId }) => {\n  const { isEntitlement, isFulfilled } = reduxHooks.useCardEntitlementData(cardId);\n  const {\n    hasStarted,\n  } = reduxHooks.useCardEnrollmentData(cardId);\n  const { isArchived } = reduxHooks.useCardCourseRunData(cardId);\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';

package/dist/containers/CourseCard/components/CourseCardBanners/CertificateBanner.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { MailtoLink, Hyperlink } from '@openedx/paragon';
+import { CheckCircle } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { utilHooks, reduxHooks } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+const { useFormatDate } = utilHooks;
+export const CertificateBanner = ({ cardId }) => {
+    const certificate = reduxHooks.useCardCertificateData(cardId);
+    const { isAudit, isVerified, } = reduxHooks.useCardEnrollmentData(cardId);
+    const { isPassing } = reduxHooks.useCardGradeData(cardId);
+    const { isArchived } = reduxHooks.useCardCourseRunData(cardId);
+    const { minPassingGrade, progressUrl } = reduxHooks.useCardCourseRunData(cardId);
+    const { supportEmail, billingEmail } = reduxHooks.usePlatformSettingsData();
+    const { formatMessage } = useIntl();
+    const formatDate = useFormatDate();
+    const emailLink = address => _jsx(MailtoLink, { to: address, children: address });
+    if (certificate.isRestricted) {
+        return (_jsxs(Banner, { variant: "danger", children: [supportEmail ? formatMessage(messages.certRestricted, { supportEmail: emailLink(supportEmail) }) : formatMessage(messages.certRestrictedNoEmail), isVerified && '  ', isVerified && (billingEmail ? formatMessage(messages.certRefundContactBilling, { billingEmail: emailLink(billingEmail) }) : formatMessage(messages.certRefundContactBillingNoEmail))] }));
+    }
+    if (certificate.isDownloadable) {
+        return (_jsxs(Banner, { variant: "success", icon: CheckCircle, children: [formatMessage(messages.certReady), certificate.certPreviewUrl && (_jsxs(_Fragment, { children: ['  ', _jsx(Hyperlink, { isInline: true, destination: certificate.certPreviewUrl, children: formatMessage(messages.viewCertificate) })] }))] }));
+    }
+    if (!isPassing) {
+        if (isAudit) {
+            return (_jsx(Banner, { children: formatMessage(messages.passingGrade, { minPassingGrade }) }));
+        }
+        if (isArchived) {
+            return (_jsxs(Banner, { variant: "warning", children: [formatMessage(messages.notEligibleForCert), '  ', _jsx(Hyperlink, { isInline: true, destination: progressUrl, children: formatMessage(messages.viewGrades) })] }));
+        }
+        return (_jsx(Banner, { variant: "warning", children: formatMessage(messages.certMinGrade, { minPassingGrade }) }));
+    }
+    if (certificate.isEarnedButUnavailable) {
+        return (_jsx(Banner, { children: formatMessage(messages.gradeAndCertReadyAfter, { availableDate: formatDate(certificate.availableDate) }) }));
+    }
+    return null;
+};
+CertificateBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CertificateBanner;
+//# sourceMappingURL=CertificateBanner.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CertificateBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/CertificateBanner.jsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MailtoLink, Hyperlink } from '@openedx/paragon';\nimport { CheckCircle } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { utilHooks, reduxHooks } from '../../../../hooks';\nimport Banner from '../../../../components/Banner';\n\nimport messages from './messages';\n\nconst { useFormatDate } = utilHooks;\n\nexport const CertificateBanner = ({ cardId }) => {\n  const certificate = reduxHooks.useCardCertificateData(cardId);\n  const {\n    isAudit,\n    isVerified,\n  } = reduxHooks.useCardEnrollmentData(cardId);\n  const { isPassing } = reduxHooks.useCardGradeData(cardId);\n  const { isArchived } = reduxHooks.useCardCourseRunData(cardId);\n  const { minPassingGrade, progressUrl } = reduxHooks.useCardCourseRunData(cardId);\n  const { supportEmail, billingEmail } = reduxHooks.usePlatformSettingsData();\n  const { formatMessage } = useIntl();\n  const formatDate = useFormatDate();\n\n  const emailLink = address => <MailtoLink to={address}>{address}</MailtoLink>;\n\n  if (certificate.isRestricted) {\n    return (\n      <Banner variant=\"danger\">\n        {supportEmail ? formatMessage(messages.certRestricted, { supportEmail: emailLink(supportEmail) }) : formatMessage(messages.certRestrictedNoEmail)}\n        {isVerified && '  '}\n        {isVerified && (billingEmail ? formatMessage(messages.certRefundContactBilling, { billingEmail: emailLink(billingEmail) }) : formatMessage(messages.certRefundContactBillingNoEmail))}\n      </Banner>\n    );\n  }\n  if (certificate.isDownloadable) {\n    return (\n      <Banner variant=\"success\" icon={CheckCircle}>\n        {formatMessage(messages.certReady)}\n        {certificate.certPreviewUrl && (\n          <>\n            {'  '}\n            <Hyperlink isInline destination={certificate.certPreviewUrl}>\n              {formatMessage(messages.viewCertificate)}\n            </Hyperlink>\n          </>\n        )}\n      </Banner>\n    );\n  }\n  if (!isPassing) {\n    if (isAudit) {\n      return (\n        <Banner>\n          {formatMessage(messages.passingGrade, { minPassingGrade })}\n        </Banner>\n      );\n    }\n    if (isArchived) {\n      return (\n        <Banner variant=\"warning\">\n          {formatMessage(messages.notEligibleForCert)}\n          {'  '}\n          <Hyperlink isInline destination={progressUrl}>{formatMessage(messages.viewGrades)}</Hyperlink>\n        </Banner>\n      );\n    }\n    return (\n      <Banner variant=\"warning\">\n        {formatMessage(messages.certMinGrade, { minPassingGrade })}\n      </Banner>\n    );\n  }\n  if (certificate.isEarnedButUnavailable) {\n    return (\n      <Banner>\n        {formatMessage(\n          messages.gradeAndCertReadyAfter,\n          { availableDate: formatDate(certificate.availableDate) },\n        )}\n      </Banner>\n    );\n  }\n\n  return null;\n};\nCertificateBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CertificateBanner;\n"]}

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

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

package/dist/containers/CourseCard/components/CourseCardBanners/CourseBanner.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Hyperlink } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { utilHooks, reduxHooks } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+export const CourseBanner = ({ cardId }) => {
+    const { isVerified, isAuditAccessExpired, coursewareAccess = {}, } = reduxHooks.useCardEnrollmentData(cardId);
+    const courseRun = reduxHooks.useCardCourseRunData(cardId);
+    const { formatMessage } = useIntl();
+    const formatDate = utilHooks.useFormatDate();
+    const { hasUnmetPrerequisites, isStaff, isTooEarly } = coursewareAccess;
+    if (isVerified) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [isAuditAccessExpired
+                && (_jsxs(Banner, { children: [formatMessage(messages.auditAccessExpired), '  ', _jsx(Hyperlink, { isInline: true, destination: "", children: formatMessage(messages.findAnotherCourse) })] })), (!isStaff && isTooEarly && courseRun.startDate) && (_jsx(Banner, { children: formatMessage(messages.courseHasNotStarted, {
+                    startDate: formatDate(courseRun.startDate),
+                }) })), (!isStaff && hasUnmetPrerequisites) && (_jsx(Banner, { children: formatMessage(messages.prerequisitesNotMet) }))] }));
+};
+CourseBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseBanner;
+//# sourceMappingURL=CourseBanner.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CourseBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/CourseBanner.jsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,EACJ,UAAU,EACV,oBAAoB,EACpB,gBAAgB,GAAG,EAAE,GACtB,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC;IAE7C,MAAM,EAAE,qBAAqB,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC;IAExE,IAAI,UAAU,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IAEhC,OAAO,CACL,8BACG,oBAAoB;mBAChB,CACD,MAAC,MAAM,eACJ,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAC1C,IAAI,EACL,KAAC,SAAS,IAAC,QAAQ,QAAC,WAAW,EAAC,EAAE,YAC/B,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GAChC,IACL,CACV,EAEF,CAAC,CAAC,OAAO,IAAI,UAAU,IAAI,SAAS,CAAC,SAAS,CAAC,IAAI,CAClD,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,mBAAmB,EAAE;oBAC3C,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC;iBAC3C,CAAC,GACK,CACV,EAEA,CAAC,CAAC,OAAO,IAAI,qBAAqB,CAAC,IAAI,CACtC,KAAC,MAAM,cAAE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GAAU,CAC/D,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Hyperlink } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { utilHooks, reduxHooks } from '../../../../hooks';\nimport Banner from '../../../../components/Banner';\n\nimport messages from './messages';\n\nexport const CourseBanner = ({ cardId }) => {\n  const {\n    isVerified,\n    isAuditAccessExpired,\n    coursewareAccess = {},\n  } = reduxHooks.useCardEnrollmentData(cardId);\n  const courseRun = reduxHooks.useCardCourseRunData(cardId);\n  const { formatMessage } = useIntl();\n  const formatDate = utilHooks.useFormatDate();\n\n  const { hasUnmetPrerequisites, isStaff, isTooEarly } = coursewareAccess;\n\n  if (isVerified) { return null; }\n\n  return (\n    <>\n      {isAuditAccessExpired\n        && (\n          <Banner>\n            {formatMessage(messages.auditAccessExpired)}\n            {'  '}\n            <Hyperlink isInline destination=\"\">\n              {formatMessage(messages.findAnotherCourse)}\n            </Hyperlink>\n          </Banner>\n        )}\n\n      {(!isStaff && isTooEarly && courseRun.startDate) && (\n        <Banner>\n          {formatMessage(messages.courseHasNotStarted, {\n            startDate: formatDate(courseRun.startDate),\n          })}\n        </Banner>\n      )}\n\n      {(!isStaff && hasUnmetPrerequisites) && (\n        <Banner>{formatMessage(messages.prerequisitesNotMet)}</Banner>\n      )}\n    </>\n  );\n};\nCourseBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseBanner;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.d.ts

@@ -0,0 +1,17 @@
+export const statusComponents: any;
+export function useCreditBannerData(cardId: any): {
+    ContentComponent: {
+        ({ cardId }: {
+            cardId: any;
+        }): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            cardId: import("prop-types").Validator<string>;
+        };
+    };
+    error: any;
+    supportEmail: any;
+} | null;
+declare namespace _default {
+    export { useCreditBannerData };
+}
+export default _default;