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

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

@@ -0,0 +1,32 @@
+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 { baseAppUrl } from '../../../../data/services/lms/urls';
+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 = baseAppUrl((_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: "#", 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,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,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,UAAU,CAAC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,SAAS,CAAC,CAAC;IAC/D,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,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, { 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 { baseAppUrl } from '@src/data/services/lms/urls';\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 = baseAppUrl(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=\"#\"\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: "#", 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,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 '@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=\"#\"\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,12 @@
+export function CourseCardActions({ cardId, verifiedCourse }: {
+    cardId: any;
+    verifiedCourse: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CourseCardActions {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+        let verifiedCourse: PropTypes.Requireable<boolean>;
+    }
+}
+export default CourseCardActions;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ActionRow, Row, Col, Badge } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+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';
+import messages from './messages';
+export const CourseCardActions = ({ cardId, verifiedCourse }) => {
+    const cardData = useCourseData(cardId);
+    const { formatMessage } = useIntl();
+    const hasStarted = cardData.enrollment.hasStarted || false;
+    const { isEntitlement, isFulfilled } = useEntitlementInfo(cardData);
+    const isArchived = cardData.courseRun.isArchived || false;
+    return (_jsxs(Row, { className: "align-items-center mt-3", children: [_jsx(Col, { xs: 12, sm: 6, className: "mb-2 mb-lg-0", children: verifiedCourse ? (_jsx(Badge, { variant: "success", className: "px-3 py-2", children: formatMessage(messages.subsVerifiedCourseText) })) : (_jsx("span", { className: "small text-info", children: formatMessage(messages.subsIncludedCourseText) })) }), _jsx(Col, { xs: 12, className: "d-flex justify-content-end", sm: 6, children: _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,
+    verifiedCourse: PropTypes.bool,
+};
+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,GAAG,EAAE,GAAG,EAAE,KAAK,EAAG,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,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;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;IAC9D,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,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,GAAG,IAAC,SAAS,EAAC,yBAAyB,aACpC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,cAAc,YAKvC,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,YACzC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAC3C,CACX,CAAC,CAAC,CAAC,CACA,eAAM,SAAS,EAAC,iBAAiB,YAC5B,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAC5C,CACV,GACC,EAEN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,4BAA4B,EAAC,EAAE,EAAE,CAAC,YACrD,MAAC,SAAS,oBAAc,mBAAmB,aACzC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,aAAa,IAAI,CAAC,WAAW;4BAC5B,CAAC,CAAC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI;4BACtC,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;4BAC5C,CAAC,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI;4BAClC,CAAC,CAAC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,CACxC,IACS,GACV,IACJ,CAEP,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,cAAc,EAAE,SAAS,CAAC,IAAI;CAC/B,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ActionRow, Row, Col, Badge  } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\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';\nimport messages from './messages';\n\nexport const CourseCardActions = ({ cardId, verifiedCourse }) => {\n  const cardData = useCourseData(cardId);\n  const { formatMessage } = useIntl();\n  const hasStarted = cardData.enrollment.hasStarted || false;\n  const { isEntitlement, isFulfilled } = useEntitlementInfo(cardData);\n  const isArchived = cardData.courseRun.isArchived || false;\n\n  return (\n    <Row className=\"align-items-center mt-3\">\n        <Col xs={12} sm={6} className=\"mb-2 mb-lg-0\">\n            {/* TODO [TEMP]: Showing 2 types of badges for now. After backend connection, can anticipate 3rd type of badge as well\n                Reason: Development before backend connection\n                Action: Revisit after backend connection and finalize badge types and conditions for each type\n            */}\n            {verifiedCourse ? (\n                <Badge variant=\"success\" className=\"px-3 py-2\">\n                    {formatMessage(messages.subsVerifiedCourseText)}\n                </Badge>\n            ) : (\n                <span className=\"small text-info\">\n                    {formatMessage(messages.subsIncludedCourseText)}\n                </span>\n            )}\n        </Col>\n\n        <Col xs={12} className=\"d-flex justify-content-end\" sm={6}>\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        </Col>\n    </Row>\n    \n  );\n};\nCourseCardActions.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  verifiedCourse: PropTypes.bool,\n};\n\nexport default CourseCardActions;\n"]}

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

@@ -0,0 +1,48 @@
+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 };
+    }
+    namespace subsVerifiedCourseText {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    namespace subsIncludedCourseText {
+        let id_5: string;
+        export { id_5 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,35 @@
+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',
+    },
+    subsVerifiedCourseText: {
+        id: 'subs.learner-dash.courseCard.actions.verifiedText',
+        description: 'Text for verified courses included in edx Unlimited',
+        defaultMessage: 'Verified with edX Unlimited',
+    },
+    subsIncludedCourseText: {
+        id: 'subs.learner-dash.courseCard.actions.includedText',
+        description: 'Text for unverified (audited) courses included in edx Unlimited',
+        defaultMessage: 'Included in edX Unlimited',
+    },
+});
+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;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,mDAAmD;QACvD,WAAW,EAAE,qDAAqD;QAClE,cAAc,EAAE,6BAA6B;KAC9C;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,mDAAmD;QACvD,WAAW,EAAE,iEAAiE;QAC9E,cAAc,EAAE,2BAA2B;KAC5C;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  subsVerifiedCourseText: {\n    id: 'subs.learner-dash.courseCard.actions.verifiedText',\n    description: 'Text for verified courses included in edx Unlimited',\n    defaultMessage: 'Verified with edX Unlimited',\n  },\n  subsIncludedCourseText: {\n    id: 'subs.learner-dash.courseCard.actions.includedText',\n    description: 'Text for unverified (audited) courses included in edx Unlimited',\n    defaultMessage: 'Included in edX Unlimited',\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,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React, { useMemo } 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 { baseAppUrl } from '../../../../data/services/lms/urls';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+import { utilHooks, useCourseData } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+const { useFormatDate } = utilHooks;
+export const CertificateBanner = ({ cardId }) => {
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const { certificate = {}, isVerified = false, isAudit = false, isPassing = false, isArchived = false, minPassingGrade = 0, progressUrl = '', } = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return ({
+            isVerified: (_a = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isVerified,
+            isAudit: (_b = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isAudit,
+            certificate: (courseData === null || courseData === void 0 ? void 0 : courseData.certificate) || {},
+            isPassing: (_c = courseData === null || courseData === void 0 ? void 0 : courseData.gradeData) === null || _c === void 0 ? void 0 : _c.isPassing,
+            isArchived: (_d = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _d === void 0 ? void 0 : _d.isArchived,
+            minPassingGrade: Math.floor(((_f = (_e = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _e === void 0 ? void 0 : _e.minPassingGrade) !== null && _f !== void 0 ? _f : 0) * 100),
+            progressUrl: baseAppUrl(((_g = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _g === void 0 ? void 0 : _g.progressUrl) || ''),
+        });
+    }, [courseData]);
+    const { supportEmail, billingEmail } = useMemo(() => {
+        var _a, _b;
+        return ({
+            supportEmail: (_a = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.platformSettings) === null || _a === void 0 ? void 0 : _a.supportEmail,
+            billingEmail: (_b = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.platformSettings) === null || _b === void 0 ? void 0 : _b.billingEmail,
+        });
+    }, [learnerHomeData]);
+    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: baseAppUrl(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.isEarned && new Date(certificate.availableDate) > new Date()) {
+        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, { useMemo } 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';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport { utilHooks, useCourseData } from '@src/hooks';\nimport Banner from '@src/components/Banner';\n\nimport messages from './messages';\n\nconst { useFormatDate } = utilHooks;\n\nexport const CertificateBanner = ({ cardId }) => {\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n  const {\n    certificate = {},\n    isVerified = false,\n    isAudit = false,\n    isPassing = false,\n    isArchived = false,\n    minPassingGrade = 0,\n    progressUrl = '',\n  } = useMemo(() => ({\n    isVerified: courseData?.enrollment?.isVerified,\n    isAudit: courseData?.enrollment?.isAudit,\n    certificate: courseData?.certificate || {},\n    isPassing: courseData?.gradeData?.isPassing,\n    isArchived: courseData?.courseRun?.isArchived,\n    minPassingGrade: Math.floor((courseData?.courseRun?.minPassingGrade ?? 0) * 100),\n    progressUrl: baseAppUrl(courseData?.courseRun?.progressUrl || ''),\n  }), [courseData]);\n  const { supportEmail, billingEmail } = useMemo(\n    () => ({\n      supportEmail: learnerHomeData?.platformSettings?.supportEmail,\n      billingEmail: learnerHomeData?.platformSettings?.billingEmail,\n    }),\n    [learnerHomeData],\n  );\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={baseAppUrl(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.isEarned && new Date(certificate.availableDate) > new Date()) {\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,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { Hyperlink } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { utilHooks, useCourseData } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+export const CourseBanner = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const { isVerified = false, isAuditAccessExpired = false, coursewareAccess = {}, } = useMemo(() => {
+        var _a, _b, _c;
+        return ({
+            isVerified: (_a = courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isVerified,
+            isAuditAccessExpired: (_b = courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isAuditAccessExpired,
+            coursewareAccess: ((_c = courseData.enrollment) === null || _c === void 0 ? void 0 : _c.coursewareAccess) || {},
+        });
+    }, [courseData]);
+    const courseRun = (courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) || {};
+    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,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,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,aAAa,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,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,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EACJ,UAAU,GAAG,KAAK,EAClB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,GACtB,GAAG,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CAAC;YACjB,UAAU,EAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,UAAU;YAC7C,oBAAoB,EAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,oBAAoB;YACjE,gBAAgB,EAAE,CAAA,MAAA,UAAU,CAAC,UAAU,0CAAE,gBAAgB,KAAI,EAAE;SAChE,CAAC,CAAA;KAAA,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAClB,MAAM,SAAS,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,EAAE,CAAC;IAC9C,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, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Hyperlink } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { utilHooks, useCourseData } from '@src/hooks';\nimport Banner from '@src/components/Banner';\nimport messages from './messages';\n\nexport const CourseBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const {\n    isVerified = false,\n    isAuditAccessExpired = false,\n    coursewareAccess = {},\n  } = useMemo(() => ({\n    isVerified: courseData.enrollment?.isVerified,\n    isAuditAccessExpired: courseData.enrollment?.isAuditAccessExpired,\n    coursewareAccess: courseData.enrollment?.coursewareAccess || {},\n  }), [courseData]);\n  const courseRun = courseData?.courseRun || {};\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;

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js

@@ -0,0 +1,58 @@
+import { useMemo } from 'react';
+import { useInitializeLearnerHome } from '../../../../../data/hooks';
+import { StrictDict } from '../../../../../utils';
+import { useCourseData } from '../../../../../hooks';
+import ApprovedContent from './views/ApprovedContent';
+import EligibleContent from './views/EligibleContent';
+import MustRequestContent from './views/MustRequestContent';
+import PendingContent from './views/PendingContent';
+import RejectedContent from './views/RejectedContent';
+export const statusComponents = StrictDict({
+    pending: PendingContent,
+    approved: ApprovedContent,
+    rejected: RejectedContent,
+});
+export const useCreditBannerData = (cardId) => {
+    var _a;
+    const courseData = useCourseData(cardId);
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const supportEmail = useMemo(() => { var _a; return ((_a = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.platformSettings) === null || _a === void 0 ? void 0 : _a.supportEmail); }, [learnerHomeData]);
+    const credit = useMemo(() => {
+        const creditData = courseData === null || courseData === void 0 ? void 0 : courseData.credit;
+        if (!creditData || Object.keys(creditData).length === 0) {
+            return { isEligible: false };
+        }
+        return {
+            isEligible: true,
+            providerStatusUrl: creditData.providerStatusUrl,
+            providerName: creditData.providerName,
+            providerId: creditData.providerId,
+            error: creditData.error,
+            purchased: creditData.purchased,
+            requestStatus: creditData.requestStatus,
+        };
+    }, [courseData]);
+    if (!credit.isEligible || !((_a = courseData === null || courseData === void 0 ? void 0 : courseData.credit) === null || _a === void 0 ? void 0 : _a.isEligible)) {
+        return null;
+    }
+    const { error, purchased, requestStatus } = credit;
+    let ContentComponent = EligibleContent;
+    if (purchased) {
+        if (requestStatus == null) {
+            ContentComponent = MustRequestContent;
+        }
+        else if (Object.keys(statusComponents).includes(requestStatus)) {
+            ContentComponent = statusComponents[requestStatus];
+        }
+        // Current behavior is to show Elligible State if unknown request status is returned
+    }
+    return {
+        ContentComponent,
+        error,
+        supportEmail,
+    };
+};
+export default {
+    useCreditBannerData,
+};
+//# sourceMappingURL=hooks.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAC5D,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE;;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC7D,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,WAAC,OAAA,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,gBAAgB,0CAAE,YAAY,CAAC,CAAA,EAAA,EACvD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,UAAU,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC;QACtC,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;QAC/B,CAAC;QACD,OAAO;YACL,UAAU,EAAE,IAAI;YAChB,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;YAC/C,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,UAAU,EAAE,UAAU,CAAC,UAAU;YACjC,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,aAAa,EAAE,UAAU,CAAC,aAAa;SACxC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,UAAU,CAAA,EAAE,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;IACnD,IAAI,gBAAgB,GAAG,eAAe,CAAC;IACvC,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;YAC1B,gBAAgB,GAAG,kBAAkB,CAAC;QACxC,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YACjE,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACrD,CAAC;QACD,oFAAoF;IACtF,CAAC;IACD,OAAO;QACL,gBAAgB;QAChB,KAAK;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,mBAAmB;CACpB,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport { StrictDict } from '@src/utils';\n\nimport { useCourseData } from '@src/hooks';\n\nimport ApprovedContent from './views/ApprovedContent';\nimport EligibleContent from './views/EligibleContent';\nimport MustRequestContent from './views/MustRequestContent';\nimport PendingContent from './views/PendingContent';\nimport RejectedContent from './views/RejectedContent';\n\nexport const statusComponents = StrictDict({\n  pending: PendingContent,\n  approved: ApprovedContent,\n  rejected: RejectedContent,\n});\n\nexport const useCreditBannerData = (cardId) => {\n  const courseData = useCourseData(cardId);\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const supportEmail = useMemo(\n    () => (learnerHomeData?.platformSettings?.supportEmail),\n    [learnerHomeData],\n  );\n\n  const credit = useMemo(() => {\n    const creditData = courseData?.credit;\n    if (!creditData || Object.keys(creditData).length === 0) {\n      return { isEligible: false };\n    }\n    return {\n      isEligible: true,\n      providerStatusUrl: creditData.providerStatusUrl,\n      providerName: creditData.providerName,\n      providerId: creditData.providerId,\n      error: creditData.error,\n      purchased: creditData.purchased,\n      requestStatus: creditData.requestStatus,\n    };\n  }, [courseData]);\n  if (!credit.isEligible || !courseData?.credit?.isEligible) {\n    return null;\n  }\n\n  const { error, purchased, requestStatus } = credit;\n  let ContentComponent = EligibleContent;\n  if (purchased) {\n    if (requestStatus == null) {\n      ContentComponent = MustRequestContent;\n    } else if (Object.keys(statusComponents).includes(requestStatus)) {\n      ContentComponent = statusComponents[requestStatus];\n    }\n    // Current behavior is to show Elligible State if unknown request status is returned\n  }\n  return {\n    ContentComponent,\n    error,\n    supportEmail,\n  };\n};\n\nexport default {\n  useCreditBannerData,\n};\n"]}

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

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

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/index.js

@@ -0,0 +1,23 @@
+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 Banner from '../../../../../components/Banner';
+import { MailtoLink } from '@openedx/paragon';
+import hooks from './hooks';
+import messages from './messages';
+export const CreditBanner = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const hookData = hooks.useCreditBannerData(cardId);
+    if (hookData === null) {
+        return null;
+    }
+    const { ContentComponent, error, supportEmail } = hookData;
+    const supportEmailLink = (_jsx(MailtoLink, { to: supportEmail, children: supportEmail }));
+    return (_jsxs(Banner, Object.assign({}, (error && { variant: 'danger' }), { children: [error && (_jsx("p", { className: "credit-error-msg", "data-testid": "credit-error-msg", children: supportEmail ? formatMessage(messages.error, { supportEmailLink }) : formatMessage(messages.errorNoEmail) })), _jsx(ContentComponent, { cardId: cardId })] })));
+};
+CreditBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CreditBanner;
+//# sourceMappingURL=index.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/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,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,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,QAAQ,GAAG,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;IAC3D,MAAM,gBAAgB,GAAG,CAAC,KAAC,UAAU,IAAC,EAAE,EAAE,YAAY,YAAG,YAAY,GAAc,CAAC,CAAC;IACrF,OAAO,CACL,MAAC,MAAM,oBAAK,CAAC,KAAK,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,eACzC,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,kBAAkB,iBAAa,kBAAkB,YAC3D,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GACxG,CACL,EACD,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,KAC7B,CACV,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport Banner from '@src/components/Banner';\n\nimport { MailtoLink } from '@openedx/paragon';\nimport hooks from './hooks';\nimport messages from './messages';\n\nexport const CreditBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const hookData = hooks.useCreditBannerData(cardId);\n  if (hookData === null) {\n    return null;\n  }\n\n  const { ContentComponent, error, supportEmail } = hookData;\n  const supportEmailLink = (<MailtoLink to={supportEmail}>{supportEmail}</MailtoLink>);\n  return (\n    <Banner {...(error && { variant: 'danger' })}>\n      {error && (\n        <p className=\"credit-error-msg\" data-testid=\"credit-error-msg\">\n          {supportEmail ? formatMessage(messages.error, { supportEmailLink }) : formatMessage(messages.errorNoEmail)}\n        </p>\n      )}\n      <ContentComponent cardId={cardId} />\n    </Banner>\n  );\n};\nCreditBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CreditBanner;\n"]}

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

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

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    error: {
+        id: 'learner-dash.courseCard.banners.credit.error',
+        description: 'Error message for credit transaction with support email link',
+        defaultMessage: 'An error occurred with this transaction.  For help, contact {supportEmailLink}.',
+    },
+    errorNoEmail: {
+        id: 'learner-dash.courseCard.banners.credit.errorNoEmail',
+        description: 'Error message for credit transaction without support email',
+        defaultMessage: 'An error occurred with this transaction.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,8DAA8D;QAC3E,cAAc,EAAE,iFAAiF;KAClG;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,4DAA4D;QACzE,cAAc,EAAE,0CAA0C;KAC3D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  error: {\n    id: 'learner-dash.courseCard.banners.credit.error',\n    description: 'Error message for credit transaction with support email link',\n    defaultMessage: 'An error occurred with this transaction.  For help, contact {supportEmailLink}.',\n  },\n  errorNoEmail: {\n    id: 'learner-dash.courseCard.banners.credit.errorNoEmail',\n    description: 'Error message for credit transaction without support email',\n    defaultMessage: 'An error occurred with this transaction.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.d.ts

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