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

package/dist/Main.js

@@ -1,10 +1,9 @@
 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 ContextProviders from './data/context';
 import Dashboard from './containers/Dashboard';
 import './app.scss';
-const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(ReduxProvider, { store: store, children: _jsx(PageWrap, { children: _jsx(Dashboard, {}) }) }) }));
+const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(ContextProviders, { children: _jsx(PageWrap, { children: _jsx(Dashboard, {}) }) }) }));
 export default Main;
 //# sourceMappingURL=Main.js.map

package/dist/Main.js.map

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

package/dist/app.js

@@ -1,13 +1,11 @@
 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',
@@ -15,6 +13,7 @@ const app = {
         ECOMMERCE_BASE_URL: '',
         ORDER_HISTORY_URL: '',
         SUPPORT_URL: '',
+        SHOW_UNENROLL_SURVEY: false,
     }
 };
 export default app;

package/dist/app.js.map

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

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

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

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

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

@@ -1,18 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@openedx/frontend-base';
+import { EXECUTIVE_EDUCATION_COURSE_MODES } from '../../../../data/constants/course';
 import track from '../../../../tracking';
-import { reduxHooks } from '../../../../hooks';
+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 { resumeUrl } = reduxHooks.useCardCourseRunData(cardId);
-    const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);
+    const { data: learnerData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const resumeUrl = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.resumeUrl;
+    const execEdTrackingParam = useMemo(() => {
+        const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);
+        const { authOrgId } = learnerData.enterpriseDashboard || {};
+        return isExecEd2UCourse ? `?org_id=${authOrgId}` : '';
+    }, [courseData.enrollment.mode, learnerData.enterpriseDashboard]);
     const { disableResumeCourse } = useActionDisabledState(cardId);
-    const handleClick = reduxHooks.useTrackCourseEvent(track.course.enterCourseClicked, cardId, resumeUrl + execEdTrackingParam);
+    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 = {

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

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

@@ -2,15 +2,15 @@ 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 { 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 openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);
-    return (_jsx(ActionButton, { disabled: disableSelectSession, onClick: openSessionModal, children: formatMessage(messages.selectSession) }));
+    const { updateSelectSessionModal } = useSelectSessionModal();
+    return (_jsx(ActionButton, { disabled: disableSelectSession, onClick: () => updateSelectSessionModal(cardId), children: formatMessage(messages.selectSession) }));
 };
 SelectSessionButton.propTypes = {
     cardId: PropTypes.string.isRequired,

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

@@ -1 +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"]}
+{"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.js

@@ -3,15 +3,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@openedx/frontend-base';
 import track from '../../../../tracking';
-import { reduxHooks } from '../../../../hooks';
+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 { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
+    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 = reduxHooks.useTrackCourseEvent(track.course.enterCourseClicked, cardId, homeUrl);
+    const handleClick = useCourseTrackingEvent(track.course.enterCourseClicked, cardId, homeUrl);
     return (_jsx(ActionButton, { disabled: disableViewCourse, as: "a", href: "#", onClick: handleClick, children: formatMessage(messages.viewCourse) }));
 };
 ViewCourseButton.propTypes = {

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

@@ -1 +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"]}
+{"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.js

@@ -2,16 +2,17 @@ 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 { useCourseData, useEntitlementInfo } from '../../../../hooks';
 import CourseCardActionSlot from '../../../../slots/CourseCardActionSlot';
 import SelectSessionButton from './SelectSessionButton';
 import BeginCourseButton from './BeginCourseButton';
 import ResumeButton from './ResumeButton';
 import ViewCourseButton from './ViewCourseButton';
 export const CourseCardActions = ({ cardId }) => {
-    const { isEntitlement, isFulfilled } = reduxHooks.useCardEntitlementData(cardId);
-    const { hasStarted, } = reduxHooks.useCardEnrollmentData(cardId);
-    const { isArchived } = reduxHooks.useCardCourseRunData(cardId);
+    const cardData = useCourseData(cardId);
+    const hasStarted = cardData.enrollment.hasStarted || false;
+    const { isEntitlement, isFulfilled } = useEntitlementInfo(cardData);
+    const isArchived = cardData.courseRun.isArchived || false;
     return (_jsxs(ActionRow, { "data-test-id": "CourseCardActions", children: [_jsx(CourseCardActionSlot, { cardId: cardId }), isEntitlement && (isFulfilled
                 ? _jsx(ViewCourseButton, { cardId: cardId })
                 : _jsx(SelectSessionButton, { cardId: cardId })), (isArchived && !isEntitlement) && (_jsx(ViewCourseButton, { cardId: cardId })), !(isArchived || isEntitlement) && (hasStarted

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

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

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

@@ -1,21 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable max-len */
-import React from 'react';
+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 { utilHooks, reduxHooks } from '../../../../hooks';
+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 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 { 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 });
@@ -34,7 +51,7 @@ export const CertificateBanner = ({ cardId }) => {
         }
         return (_jsx(Banner, { variant: "warning", children: formatMessage(messages.certMinGrade, { minPassingGrade }) }));
     }
-    if (certificate.isEarnedButUnavailable) {
+    if (certificate.isEarned && new Date(certificate.availableDate) > new Date()) {
         return (_jsx(Banner, { children: formatMessage(messages.gradeAndCertReadyAfter, { availableDate: formatDate(certificate.availableDate) }) }));
     }
     return null;

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

@@ -1 +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"]}
+{"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={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.js

@@ -1,16 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable max-len */
-import React from 'react';
+import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { Hyperlink } from '@openedx/paragon';
 import { useIntl } from '@openedx/frontend-base';
-import { utilHooks, reduxHooks } from '../../../../hooks';
+import { utilHooks, useCourseData } 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 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) {

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

@@ -1 +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"]}
+{"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.js

@@ -1,5 +1,7 @@
+import { useMemo } from 'react';
+import { useInitializeLearnerHome } from '../../../../../data/hooks';
 import { StrictDict } from '../../../../../utils';
-import { reduxHooks } from '../../../../../hooks';
+import { useCourseData } from '../../../../../hooks';
 import ApprovedContent from './views/ApprovedContent';
 import EligibleContent from './views/EligibleContent';
 import MustRequestContent from './views/MustRequestContent';
@@ -11,9 +13,26 @@ export const statusComponents = StrictDict({
     rejected: RejectedContent,
 });
 export const useCreditBannerData = (cardId) => {
-    const credit = reduxHooks.useCardCreditData(cardId);
-    const { supportEmail } = reduxHooks.usePlatformSettingsData();
-    if (!credit.isEligible) {
+    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;

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,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,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IAC9D,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QACvB,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 { StrictDict } from '../../../../../utils';\nimport { reduxHooks } from '../../../../../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 credit = reduxHooks.useCardCreditData(cardId);\n  const { supportEmail } = reduxHooks.usePlatformSettingsData();\n  if (!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"]}
+{"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/views/ApprovedContent.js

@@ -1,15 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useContext } from 'react';
 import { useIntl } from '@openedx/frontend-base';
-import MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';
-import { reduxHooks } from '../../../../../../hooks';
+import { useCourseData, useIsMasquerading } from '../../../../../../hooks';
 import CreditContent from './components/CreditContent';
 import ProviderLink from './components/ProviderLink';
 import messages from './messages';
 export const ApprovedContent = ({ cardId }) => {
-    const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);
-    const { isMasquerading } = useContext(MasqueradeUserContext);
+    const courseData = useCourseData(cardId);
+    const { providerStatusUrl: href, providerName } = useMemo(() => {
+        const creditData = courseData === null || courseData === void 0 ? void 0 : courseData.credit;
+        return {
+            providerStatusUrl: creditData.providerStatusUrl,
+            providerName: creditData.providerName,
+        };
+    }, [courseData]);
+    const isMasquerading = useIsMasquerading();
     const { formatMessage } = useIntl();
     return (_jsx(CreditContent, { action: { href, message: formatMessage(messages.viewCredit), disabled: isMasquerading }, message: formatMessage(messages.approved, {
             congratulations: _jsx("b", { children: formatMessage(messages.congratulations) }),

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApprovedContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,qBAAqB,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvF,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EACvF,OAAO,EAAE,aAAa,CACpB,QAAQ,CAAC,QAAQ,EACjB;YACE,eAAe,EAAE,sBAAI,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAK;YACjE,kBAAkB,EAAE,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI;YACpD,YAAY;SACb,CACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useContext } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';\nimport { reduxHooks } from '../../../../../../hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\n\nimport messages from './messages';\n\nexport const ApprovedContent = ({ cardId }) => {\n  const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);\n  const { isMasquerading } = useContext(MasqueradeUserContext);\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      action={{ href, message: formatMessage(messages.viewCredit), disabled: isMasquerading }}\n      message={formatMessage(\n        messages.approved,\n        {\n          congratulations: <b>{formatMessage(messages.congratulations)}</b>,\n          linkToProviderSite: <ProviderLink cardId={cardId} />,\n          providerName,\n        },\n      )}\n    />\n  );\n};\nApprovedContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ApprovedContent;\n"]}
+{"version":3,"file":"ApprovedContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.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,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7D,MAAM,UAAU,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC;QACtC,OAAO;YACL,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;YAC/C,YAAY,EAAE,UAAU,CAAC,YAAY;SACtC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EACvF,OAAO,EAAE,aAAa,CACpB,QAAQ,CAAC,QAAQ,EACjB;YACE,eAAe,EAAE,sBAAI,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAK;YACjE,kBAAkB,EAAE,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI;YACpD,YAAY;SACb,CACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData, useIsMasquerading } from '@src/hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\n\nimport messages from './messages';\n\nexport const ApprovedContent = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const { providerStatusUrl: href, providerName } = useMemo(() => {\n    const creditData = courseData?.credit;\n    return {\n      providerStatusUrl: creditData.providerStatusUrl,\n      providerName: creditData.providerName,\n    };\n  }, [courseData]);\n  const isMasquerading = useIsMasquerading();\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      action={{ href, message: formatMessage(messages.viewCredit), disabled: isMasquerading }}\n      message={formatMessage(\n        messages.approved,\n        {\n          congratulations: <b>{formatMessage(messages.congratulations)}</b>,\n          linkToProviderSite: <ProviderLink cardId={cardId} />,\n          providerName,\n        },\n      )}\n    />\n  );\n};\nApprovedContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ApprovedContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.js

@@ -2,14 +2,16 @@ 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 { useCourseData } from '../../../../../../hooks';
 import track from '../../../../../../tracking';
 import CreditContent from './components/CreditContent';
 import messages from './messages';
 export const EligibleContent = ({ cardId }) => {
+    var _a, _b;
     const { formatMessage } = useIntl();
-    const { providerName } = reduxHooks.useCardCreditData(cardId);
-    const { courseId } = reduxHooks.useCardCourseRunData(cardId);
+    const courseData = useCourseData(cardId);
+    const providerName = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.credit) === null || _a === void 0 ? void 0 : _a.providerName;
+    const courseId = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _b === void 0 ? void 0 : _b.courseId;
     const onClick = track.credit.purchase(courseId);
     const getCredit = formatMessage(messages.getCredit);
     const message = providerName

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EligibleContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.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,yBAAyB,CAAC;AACrD,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAE/C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,YAAY;QAC1B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,CAAC;QAChE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,sBAAI,SAAS,GAAK,CAAC,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EACvC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { reduxHooks } from '../../../../../../hooks';\nimport track from '../../../../../../tracking';\n\nimport CreditContent from './components/CreditContent';\nimport messages from './messages';\n\nexport const EligibleContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { providerName } = reduxHooks.useCardCreditData(cardId);\n  const { courseId } = reduxHooks.useCardCourseRunData(cardId);\n\n  const onClick = track.credit.purchase(courseId);\n  const getCredit = formatMessage(messages.getCredit);\n  const message = providerName\n    ? formatMessage(messages.eligibleFromProvider, { providerName })\n    : formatMessage(messages.eligible, { getCredit: (<b>{getCredit}</b>) });\n\n  return (\n    <CreditContent\n      action={{ onClick, message: getCredit }}\n      message={message}\n    />\n  );\n};\nEligibleContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default EligibleContent;\n"]}
+{"version":3,"file":"EligibleContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.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,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,YAAY,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,QAAQ,CAAC;IAEjD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,YAAY;QAC1B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,CAAC;QAChE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,sBAAI,SAAS,GAAK,CAAC,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EACvC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData } from '@src/hooks';\nimport track from '@src/tracking';\n\nimport CreditContent from './components/CreditContent';\nimport messages from './messages';\n\nexport const EligibleContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const providerName = courseData?.credit?.providerName;\n  const courseId = courseData?.courseRun?.courseId;\n\n  const onClick = track.credit.purchase(courseId);\n  const getCredit = formatMessage(messages.getCredit);\n  const message = providerName\n    ? formatMessage(messages.eligibleFromProvider, { providerName })\n    : formatMessage(messages.eligible, { getCredit: (<b>{getCredit}</b>) });\n\n  return (\n    <CreditContent\n      action={{ onClick, message: getCredit }}\n      message={message}\n    />\n  );\n};\nEligibleContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default EligibleContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import PropTypes from 'prop-types';
-import { useContext } from 'react';
 import { useIntl } from '@openedx/frontend-base';
-import MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';
+import { useIsMasquerading } from '../../../../../../hooks';
 import CreditContent from './components/CreditContent';
 import ProviderLink from './components/ProviderLink';
 import hooks from './hooks';
@@ -10,7 +10,7 @@ import messages from './messages';
 export const MustRequestContent = ({ cardId }) => {
     const { formatMessage } = useIntl();
     const { requestData, createCreditRequest } = hooks.useCreditRequestData(cardId);
-    const { isMasquerading } = useContext(MasqueradeUserContext);
+    const isMasquerading = useIsMasquerading();
     return (_jsx(CreditContent, { action: {
             message: formatMessage(messages.requestCredit),
             onClick: createCreditRequest,