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

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

@@ -1 +1 @@
-{"version":3,"file":"MustRequestContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.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,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7D,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE;YACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC9C,OAAO,EAAE,mBAAmB;YAC5B,QAAQ,EAAE,cAAc;SACzB,EACD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;YAC3C,kBAAkB,EAAE,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;YACtD,aAAa,EAAE,CAAC,sBAAI,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAK,CAAC;SAChE,CAAC,EACF,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,kBAAkB,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 CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport hooks from './hooks';\n\nimport messages from './messages';\n\nexport const MustRequestContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { requestData, createCreditRequest } = hooks.useCreditRequestData(cardId);\n  const { isMasquerading } = useContext(MasqueradeUserContext);\n  return (\n    <CreditContent\n      action={{\n        message: formatMessage(messages.requestCredit),\n        onClick: createCreditRequest,\n        disabled: isMasquerading,\n      }}\n      message={formatMessage(messages.mustRequest, {\n        linkToProviderSite: (<ProviderLink cardId={cardId} />),\n        requestCredit: (<b>{formatMessage(messages.requestCredit)}</b>),\n      })}\n      requestData={requestData}\n    />\n  );\n};\nMustRequestContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default MustRequestContent;\n"]}
+{"version":3,"file":"MustRequestContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.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,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAChF,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE;YACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC9C,OAAO,EAAE,mBAAmB;YAC5B,QAAQ,EAAE,cAAc;SACzB,EACD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;YAC3C,kBAAkB,EAAE,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;YACtD,aAAa,EAAE,CAAC,sBAAI,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAK,CAAC;SAChE,CAAC,EACF,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useIsMasquerading } from '@src/hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport hooks from './hooks';\n\nimport messages from './messages';\n\nexport const MustRequestContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { requestData, createCreditRequest } = hooks.useCreditRequestData(cardId);\n  const isMasquerading = useIsMasquerading();\n  return (\n    <CreditContent\n      action={{\n        message: formatMessage(messages.requestCredit),\n        onClick: createCreditRequest,\n        disabled: isMasquerading,\n      }}\n      message={formatMessage(messages.mustRequest, {\n        linkToProviderSite: (<ProviderLink cardId={cardId} />),\n        requestCredit: (<b>{formatMessage(messages.requestCredit)}</b>),\n      })}\n      requestData={requestData}\n    />\n  );\n};\nMustRequestContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default MustRequestContent;\n"]}

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

@@ -1,14 +1,14 @@
 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 { reduxHooks } from '../../../../../../hooks';
+import { useCourseData, useIsMasquerading } from '../../../../../../hooks';
 import CreditContent from './components/CreditContent';
 import messages from './messages';
 export const PendingContent = ({ cardId }) => {
-    const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);
-    const { isMasquerading } = useContext(MasqueradeUserContext);
+    const courseData = useCourseData(cardId);
+    const { providerStatusUrl: href, providerName } = (courseData === null || courseData === void 0 ? void 0 : courseData.credit) || {};
+    const isMasquerading = useIsMasquerading();
     const { formatMessage } = useIntl();
     return (_jsx(CreditContent, { action: {
             href,

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

@@ -1 +1 @@
-{"version":3,"file":"PendingContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/PendingContent.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,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3C,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;YACN,IAAI;YACJ,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC5C,QAAQ,EAAE,cAAc;SACzB,EACD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,CAAC,GAC3D,CACH,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,SAAS,GAAG;IACzB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,cAAc,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 messages from './messages';\n\nexport const PendingContent = ({ cardId }) => {\n  const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);\n  const { isMasquerading } = useContext(MasqueradeUserContext);\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      action={{\n        href,\n        message: formatMessage(messages.viewDetails),\n        disabled: isMasquerading,\n      }}\n      message={formatMessage(messages.received, { providerName })}\n    />\n  );\n};\nPendingContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default PendingContent;\n"]}
+{"version":3,"file":"PendingContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/PendingContent.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,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,EAAE,CAAC;IAC3E,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE;YACN,IAAI;YACJ,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC5C,QAAQ,EAAE,cAAc;SACzB,EACD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,CAAC,GAC3D,CACH,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,SAAS,GAAG;IACzB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React 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 messages from './messages';\n\nexport const PendingContent = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const { providerStatusUrl: href, providerName } = courseData?.credit || {};\n  const isMasquerading = useIsMasquerading();\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      action={{\n        href,\n        message: formatMessage(messages.viewDetails),\n        disabled: isMasquerading,\n      }}\n      message={formatMessage(messages.received, { providerName })}\n    />\n  );\n};\nPendingContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default PendingContent;\n"]}

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

@@ -2,15 +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 CreditContent from './components/CreditContent';
 import ProviderLink from './components/ProviderLink';
 import messages from './messages';
 export const RejectedContent = ({ cardId }) => {
-    const credit = reduxHooks.useCardCreditData(cardId);
+    const courseData = useCourseData(cardId);
+    const credit = courseData === null || courseData === void 0 ? void 0 : courseData.credit;
     const { formatMessage } = useIntl();
     return (_jsx(CreditContent, { message: formatMessage(messages.rejected, {
-            providerName: credit.providerName,
+            providerName: credit === null || credit === void 0 ? void 0 : credit.providerName,
             linkToProviderSite: (_jsx(ProviderLink, { cardId: cardId })),
         }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RejectedContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/RejectedContent.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,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACxC,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,kBAAkB,EAAE,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;SACvD,CAAC,GACF,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 CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport messages from './messages';\n\nexport const RejectedContent = ({ cardId }) => {\n  const credit = reduxHooks.useCardCreditData(cardId);\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      message={formatMessage(messages.rejected, {\n        providerName: credit.providerName,\n        linkToProviderSite: (<ProviderLink cardId={cardId} />),\n      })}\n    />\n  );\n};\nRejectedContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RejectedContent;\n"]}
+{"version":3,"file":"RejectedContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/RejectedContent.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,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,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,MAAM,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC;IAClC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACxC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY;YAClC,kBAAkB,EAAE,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;SACvD,CAAC,GACF,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 CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport messages from './messages';\n\nexport const RejectedContent = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const credit = courseData?.credit;\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      message={formatMessage(messages.rejected, {\n        providerName: credit?.providerName,\n        linkToProviderSite: (<ProviderLink cardId={cardId} />),\n      })}\n    />\n  );\n};\nRejectedContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RejectedContent;\n"]}

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

@@ -2,10 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { reduxHooks } from '../../../../../../../hooks';
+import { useCourseData } from '../../../../../../../hooks';
 import { Hyperlink } from '@openedx/paragon';
 export const ProviderLink = ({ cardId }) => {
-    const credit = reduxHooks.useCardCreditData(cardId);
+    const courseData = useCourseData(cardId);
+    const credit = (courseData === null || courseData === void 0 ? void 0 : courseData.credit) || {};
     return (_jsx(Hyperlink, { href: credit.providerStatusUrl, rel: "noopener", target: "_blank", children: credit.providerName }));
 };
 ProviderLink.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderLink.js","sourceRoot":"","sources":["../../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/ProviderLink.jsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,MAAM,CAAC,iBAAiB,EAC9B,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,YAEd,MAAM,CAAC,YAAY,GACV,CACb,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';\n\nimport { reduxHooks } from '../../../../../../../hooks';\nimport { Hyperlink } from '@openedx/paragon';\n\nexport const ProviderLink = ({ cardId }) => {\n  const credit = reduxHooks.useCardCreditData(cardId);\n  return (\n    <Hyperlink\n      href={credit.providerStatusUrl}\n      rel=\"noopener\"\n      target=\"_blank\"\n    >\n      {credit.providerName}\n    </Hyperlink>\n  );\n};\nProviderLink.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ProviderLink;\n"]}
+{"version":3,"file":"ProviderLink.js","sourceRoot":"","sources":["../../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/ProviderLink.jsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,EAAE,CAAC;IACxC,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,MAAM,CAAC,iBAAiB,EAC9B,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,YAEd,MAAM,CAAC,YAAY,GACV,CACb,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';\n\nimport { useCourseData } from '@src/hooks';\nimport { Hyperlink } from '@openedx/paragon';\n\nexport const ProviderLink = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const credit = courseData?.credit || {};\n  return (\n    <Hyperlink\n      href={credit.providerStatusUrl}\n      rel=\"noopener\"\n      target=\"_blank\"\n    >\n      {credit.providerName}\n    </Hyperlink>\n  );\n};\nProviderLink.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ProviderLink;\n"]}

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

@@ -1,18 +1,26 @@
 import React from 'react';
+import { useAuthenticatedUser } from '@openedx/frontend-base';
 import { StrictDict } from '../../../../../../utils';
-import { apiHooks } from '../../../../../../hooks';
+import { useCourseData } from '../../../../../../hooks';
+import { useCreateCreditRequest } from '../../../../../../data/hooks';
 import * as module from './hooks';
 export const state = StrictDict({
     creditRequestData: (val) => React.useState(val), // eslint-disable-line
 });
 export const useCreditRequestData = (cardId) => {
+    var _a, _b;
     const [requestData, setRequestData] = module.state.creditRequestData(null);
-    const createCreditApiRequest = apiHooks.useCreateCreditRequest(cardId);
+    const courseData = useCourseData(cardId);
+    const providerId = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.credit) === null || _a === void 0 ? void 0 : _a.providerId;
+    const { username } = useAuthenticatedUser();
+    const courseId = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _b === void 0 ? void 0 : _b.courseId;
+    const { mutate: createCreditMutation } = useCreateCreditRequest();
     const createCreditRequest = (e) => {
         e.preventDefault();
-        createCreditApiRequest()
-            .then((request) => {
-            setRequestData(request.data);
+        createCreditMutation({ providerId, courseId, username }, {
+            onSuccess: (response) => {
+                setRequestData(response.data);
+            },
         });
     };
     return { requestData, createCreditRequest };

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,iBAAiB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CACxE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC3E,MAAM,sBAAsB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACvE,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE;QAChC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,sBAAsB,EAAE;aACrB,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YAChB,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe;IACb,oBAAoB;CACrB,CAAC","sourcesContent":["import React from 'react';\n\nimport { StrictDict } from '../../../../../../utils';\nimport { apiHooks } from '../../../../../../hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  creditRequestData: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useCreditRequestData = (cardId) => {\n  const [requestData, setRequestData] = module.state.creditRequestData(null);\n  const createCreditApiRequest = apiHooks.useCreateCreditRequest(cardId);\n  const createCreditRequest = (e) => {\n    e.preventDefault();\n    createCreditApiRequest()\n      .then((request) => {\n        setRequestData(request.data);\n      });\n  };\n  return { requestData, createCreditRequest };\n};\n\nexport default {\n  useCreditRequestData,\n};\n"]}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,iBAAiB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CACxE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE;;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,UAAU,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,QAAQ,CAAC;IACjD,MAAM,EAAE,MAAM,EAAE,oBAAoB,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAElE,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE;QAChC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;YACvD,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACtB,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe;IACb,oBAAoB;CACrB,CAAC","sourcesContent":["import React from 'react';\nimport { useAuthenticatedUser } from '@openedx/frontend-base';\nimport { StrictDict } from '@src/utils';\nimport { useCourseData } from '@src/hooks';\nimport { useCreateCreditRequest } from '@src/data/hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  creditRequestData: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useCreditRequestData = (cardId) => {\n  const [requestData, setRequestData] = module.state.creditRequestData(null);\n  const courseData = useCourseData(cardId);\n  const providerId = courseData?.credit?.providerId;\n  const { username } = useAuthenticatedUser();\n  const courseId = courseData?.courseRun?.courseId;\n  const { mutate: createCreditMutation } = useCreateCreditRequest();\n\n  const createCreditRequest = (e) => {\n    e.preventDefault();\n    createCreditMutation({ providerId, courseId, username }, {\n      onSuccess: (response) => {\n        setRequestData(response.data);\n      },\n    });\n  };\n  return { requestData, createCreditRequest };\n};\n\nexport default {\n  useCreditRequestData,\n};\n"]}

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

@@ -1,16 +1,20 @@
 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 { Button, MailtoLink } from '@openedx/paragon';
-import { utilHooks, reduxHooks } from '../../../../hooks';
+import { utilHooks, useCourseData, useEntitlementInfo } from '../../../../hooks';
+import { useSelectSessionModal } from '../../../../data/context';
 import Banner from '../../../../components/Banner';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
 import messages from './messages';
 export const EntitlementBanner = ({ cardId }) => {
     const { formatMessage } = useIntl();
-    const { isEntitlement, hasSessions, isFulfilled, changeDeadline, showExpirationWarning, isExpired, } = reduxHooks.useCardEntitlementData(cardId);
-    const { supportEmail } = reduxHooks.usePlatformSettingsData();
-    const openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const { isEntitlement, hasSessions, isFulfilled, changeDeadline, showExpirationWarning, isExpired, } = useEntitlementInfo(courseData);
+    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 { updateSelectSessionModal } = useSelectSessionModal();
     const formatDate = utilHooks.useFormatDate();
     if (!isEntitlement) {
         return null;
@@ -23,7 +27,7 @@ export const EntitlementBanner = ({ cardId }) => {
     if (showExpirationWarning) {
         return (_jsx(Banner, { children: formatMessage(messages.entitlementExpiringSoon, {
                 changeDeadline: formatDate(changeDeadline),
-                selectSessionButton: (_jsx(Button, { variant: "link", size: "inline", className: "m-0 p-0", onClick: openSessionModal, children: formatMessage(messages.selectSession) })),
+                selectSessionButton: (_jsx(Button, { variant: "link", size: "inline", className: "m-0 p-0", onClick: () => updateSelectSessionModal(cardId), children: formatMessage(messages.selectSession) })),
             }) }));
     }
     if (isExpired) {

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

@@ -1 +1 @@
-{"version":3,"file":"EntitlementBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/EntitlementBanner.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,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,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,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,aAAa,EACb,WAAW,EACX,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,SAAS,GACV,GAAG,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IAC9D,MAAM,gBAAgB,GAAG,UAAU,CAAC,mCAAmC,CAAC,MAAM,CAAC,CAAC;IAChF,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC;IAE7C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,YACtB,aAAa,CAAC,QAAQ,CAAC,sBAAsB,EAAE;gBAC9C,SAAS,EAAE,YAAY,IAAI,KAAC,UAAU,IAAC,EAAE,EAAE,YAAY,YAAG,YAAY,GAAc;aACrF,CAAC,GACK,CACV,CAAC;IACJ,CAAC;IACD,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,uBAAuB,EAAE;gBAC/C,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC;gBAC1C,mBAAmB,EAAE,CACnB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,gBAAgB,YAC/E,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,CACV;aACF,CAAC,GACK,CACV,CAAC;IACJ,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,GACpC,CACV,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,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 { useIntl } from '@openedx/frontend-base';\nimport { Button, MailtoLink } from '@openedx/paragon';\n\nimport { utilHooks, reduxHooks } from '../../../../hooks';\nimport Banner from '../../../../components/Banner';\n\nimport messages from './messages';\n\nexport const EntitlementBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const {\n    isEntitlement,\n    hasSessions,\n    isFulfilled,\n    changeDeadline,\n    showExpirationWarning,\n    isExpired,\n  } = reduxHooks.useCardEntitlementData(cardId);\n  const { supportEmail } = reduxHooks.usePlatformSettingsData();\n  const openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);\n  const formatDate = utilHooks.useFormatDate();\n\n  if (!isEntitlement) {\n    return null;\n  }\n\n  if (!hasSessions && !isFulfilled) {\n    return (\n      <Banner variant=\"warning\">\n        {formatMessage(messages.entitlementUnavailable, {\n          emailLink: supportEmail && <MailtoLink to={supportEmail}>{supportEmail}</MailtoLink>,\n        })}\n      </Banner>\n    );\n  }\n  if (showExpirationWarning) {\n    return (\n      <Banner>\n        {formatMessage(messages.entitlementExpiringSoon, {\n          changeDeadline: formatDate(changeDeadline),\n          selectSessionButton: (\n            <Button variant=\"link\" size=\"inline\" className=\"m-0 p-0\" onClick={openSessionModal}>\n              {formatMessage(messages.selectSession)}\n            </Button>\n          ),\n        })}\n      </Banner>\n    );\n  }\n  if (isExpired) {\n    return (\n      <Banner>\n        {formatMessage(messages.entitlementExpired)}\n      </Banner>\n    );\n  }\n  return null;\n};\nEntitlementBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default EntitlementBanner;\n"]}
+{"version":3,"file":"EntitlementBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/EntitlementBanner.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,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,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,eAAe,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEzC,MAAM,EACJ,aAAa,EACb,WAAW,EACX,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,SAAS,GACV,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,WAAC,OAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,gBAAgB,0CAAE,YAAY,CAAA,EAAA,EACrD,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC;IAE7C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,YACtB,aAAa,CAAC,QAAQ,CAAC,sBAAsB,EAAE;gBAC9C,SAAS,EAAE,YAAY,IAAI,KAAC,UAAU,IAAC,EAAE,EAAE,YAAY,YAAG,YAAY,GAAc;aACrF,CAAC,GACK,CACV,CAAC;IACJ,CAAC;IACD,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,uBAAuB,EAAE;gBAC/C,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC;gBAC1C,mBAAmB,EAAE,CACnB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,MAAM,CAAC,YACrG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,CACV;aACF,CAAC,GACK,CACV,CAAC;IACJ,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,GACpC,CACV,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, MailtoLink } from '@openedx/paragon';\n\nimport { utilHooks, useCourseData, useEntitlementInfo } from '@src/hooks';\nimport { useSelectSessionModal } from '@src/data/context';\nimport Banner from '@src/components/Banner';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nimport messages from './messages';\n\nexport const EntitlementBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n\n  const {\n    isEntitlement,\n    hasSessions,\n    isFulfilled,\n    changeDeadline,\n    showExpirationWarning,\n    isExpired,\n  } = useEntitlementInfo(courseData);\n  const supportEmail = useMemo(\n    () => learnerHomeData?.platformSettings?.supportEmail,\n    [learnerHomeData],\n  );\n  const { updateSelectSessionModal } = useSelectSessionModal();\n  const formatDate = utilHooks.useFormatDate();\n\n  if (!isEntitlement) {\n    return null;\n  }\n\n  if (!hasSessions && !isFulfilled) {\n    return (\n      <Banner variant=\"warning\">\n        {formatMessage(messages.entitlementUnavailable, {\n          emailLink: supportEmail && <MailtoLink to={supportEmail}>{supportEmail}</MailtoLink>,\n        })}\n      </Banner>\n    );\n  }\n  if (showExpirationWarning) {\n    return (\n      <Banner>\n        {formatMessage(messages.entitlementExpiringSoon, {\n          changeDeadline: formatDate(changeDeadline),\n          selectSessionButton: (\n            <Button variant=\"link\" size=\"inline\" className=\"m-0 p-0\" onClick={() => updateSelectSessionModal(cardId)}>\n              {formatMessage(messages.selectSession)}\n            </Button>\n          ),\n        })}\n      </Banner>\n    );\n  }\n  if (isExpired) {\n    return (\n      <Banner>\n        {formatMessage(messages.entitlementExpired)}\n      </Banner>\n    );\n  }\n  return null;\n};\nEntitlementBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default EntitlementBanner;\n"]}

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

@@ -3,17 +3,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Program } from '@openedx/paragon/icons';
 import { useIntl } from '@openedx/frontend-base';
-import { reduxHooks } from '../../../../../hooks';
+import { useCourseData } from '../../../../../hooks';
 import Banner from '../../../../../components/Banner';
 import ProgramList from './ProgramsList';
 import messages from './messages';
 export const RelatedProgramsBanner = ({ cardId }) => {
     const { formatMessage } = useIntl();
-    const programData = reduxHooks.useCardRelatedProgramsData(cardId);
-    if (!(programData === null || programData === void 0 ? void 0 : programData.length)) {
+    const courseData = useCourseData(cardId);
+    const programData = courseData === null || courseData === void 0 ? void 0 : courseData.programs;
+    if (!courseData || !(programData === null || programData === void 0 ? void 0 : programData.relatedPrograms.length)) {
         return null;
     }
-    return (_jsxs(Banner, { icon: Program, className: "bg-white border-top border-bottom mb-0 related-programs-banner", children: [_jsx("span", { className: "font-weight-bolder", children: formatMessage(messages.relatedPrograms) }), _jsx(ProgramList, { programs: programData.list })] }));
+    return (_jsxs(Banner, { icon: Program, className: "bg-white border-top border-bottom mb-0 related-programs-banner", children: [_jsx("span", { className: "font-weight-bolder", children: formatMessage(messages.relatedPrograms) }), _jsx(ProgramList, { programs: programData.relatedPrograms })] }));
 };
 RelatedProgramsBanner.propTypes = {
     cardId: PropTypes.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/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,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAEtD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,UAAU,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAElE,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,gEAAgE,aAE1E,eAAM,SAAS,EAAC,oBAAoB,YACjC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GACnC,EACP,KAAC,WAAW,IAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,GAAI,IACpC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,SAAS,GAAG;IAChC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Program } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { reduxHooks } from '../../../../../hooks';\nimport Banner from '../../../../../components/Banner';\n\nimport ProgramList from './ProgramsList';\nimport messages from './messages';\n\nexport const RelatedProgramsBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n\n  const programData = reduxHooks.useCardRelatedProgramsData(cardId);\n\n  if (!programData?.length) {\n    return null;\n  }\n\n  return (\n    <Banner\n      icon={Program}\n      className=\"bg-white border-top border-bottom mb-0 related-programs-banner\"\n    >\n      <span className=\"font-weight-bolder\">\n        {formatMessage(messages.relatedPrograms)}\n      </span>\n      <ProgramList programs={programData.list} />\n    </Banner>\n  );\n};\nRelatedProgramsBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RelatedProgramsBanner;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/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,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC;IAEzC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,MAAM,CAAA,EAAE,CAAC;QACxD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,gEAAgE,aAE1E,eAAM,SAAS,EAAC,oBAAoB,YACjC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GACnC,EACP,KAAC,WAAW,IAAC,QAAQ,EAAE,WAAW,CAAC,eAAe,GAAI,IAC/C,CACV,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,SAAS,GAAG;IAChC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Program } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData } from '@src/hooks';\nimport Banner from '@src/components/Banner';\n\nimport ProgramList from './ProgramsList';\nimport messages from './messages';\n\nexport const RelatedProgramsBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const programData = courseData?.programs;\n\n  if (!courseData || !programData?.relatedPrograms.length) {\n    return null;\n  }\n\n  return (\n    <Banner\n      icon={Program}\n      className=\"bg-white border-top border-bottom mb-0 related-programs-banner\"\n    >\n      <span className=\"font-weight-bolder\">\n        {formatMessage(messages.relatedPrograms)}\n      </span>\n      <ProgramList programs={programData.relatedPrograms} />\n    </Banner>\n  );\n};\nRelatedProgramsBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RelatedProgramsBanner;\n"]}

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

@@ -1,6 +1,6 @@
 export function CourseCardBanners({ cardId }: {
     cardId: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;
 export namespace CourseCardBanners {
     namespace propTypes {
         let cardId: PropTypes.Validator<string>;

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

@@ -1,14 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { reduxHooks } from '../../../../hooks';
+import { useCourseData } from '../../../../hooks';
 import CourseBannerSlot from '../../../../slots/CourseBannerSlot';
 import CertificateBanner from './CertificateBanner';
 import CreditBanner from './CreditBanner';
 import EntitlementBanner from './EntitlementBanner';
 import RelatedProgramsBanner from './RelatedProgramsBanner';
 export const CourseCardBanners = ({ cardId }) => {
-    const { isEnrolled } = reduxHooks.useCardEnrollmentData(cardId);
+    const courseData = useCourseData(cardId);
+    if (!courseData) {
+        return null;
+    }
+    const { isEnrolled = false } = courseData.enrollment;
     return (_jsxs("div", { className: "course-card-banners", "data-testid": "CourseCardBanners", children: [_jsx(RelatedProgramsBanner, { cardId: cardId }), _jsx(CourseBannerSlot, { cardId: cardId }), _jsx(EntitlementBanner, { cardId: cardId }), isEnrolled && _jsx(CertificateBanner, { cardId: cardId }), isEnrolled && _jsx(CreditBanner, { cardId: cardId })] }));
 };
 CourseCardBanners.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAElE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,iBAAa,mBAAmB,aAClE,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,EACzC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,UAAU,IAAI,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACnD,UAAU,IAAI,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3C,CACP,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 { reduxHooks } from '../../../../hooks';\nimport CourseBannerSlot from '../../../../slots/CourseBannerSlot';\n\nimport CertificateBanner from './CertificateBanner';\nimport CreditBanner from './CreditBanner';\nimport EntitlementBanner from './EntitlementBanner';\nimport RelatedProgramsBanner from './RelatedProgramsBanner';\n\nexport const CourseCardBanners = ({ cardId }) => {\n  const { isEnrolled } = reduxHooks.useCardEnrollmentData(cardId);\n  return (\n    <div className=\"course-card-banners\" data-testid=\"CourseCardBanners\">\n      <RelatedProgramsBanner cardId={cardId} />\n      <CourseBannerSlot cardId={cardId} />\n      <EntitlementBanner cardId={cardId} />\n      {isEnrolled && <CertificateBanner cardId={cardId} />}\n      {isEnrolled && <CreditBanner cardId={cardId} />}\n    </div>\n  );\n};\nCourseCardBanners.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCardBanners;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IACrD,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,iBAAa,mBAAmB,aAClE,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,EACzC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,UAAU,IAAI,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACnD,UAAU,IAAI,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3C,CACP,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 { useCourseData } from '@src/hooks';\n\nimport CourseBannerSlot from '@src/slots/CourseBannerSlot';\nimport CertificateBanner from './CertificateBanner';\nimport CreditBanner from './CreditBanner';\nimport EntitlementBanner from './EntitlementBanner';\nimport RelatedProgramsBanner from './RelatedProgramsBanner';\n\nexport const CourseCardBanners = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  if (!courseData) {\n    return null;\n  }\n  const { isEnrolled = false } = courseData.enrollment;\n  return (\n    <div className=\"course-card-banners\" data-testid=\"CourseCardBanners\">\n      <RelatedProgramsBanner cardId={cardId} />\n      <CourseBannerSlot cardId={cardId} />\n      <EntitlementBanner cardId={cardId} />\n      {isEnrolled && <CertificateBanner cardId={cardId} />}\n      {isEnrolled && <CreditBanner cardId={cardId} />}\n    </div>\n  );\n};\nCourseCardBanners.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCardBanners;\n"]}

package/dist/containers/CourseCard/components/CourseCardDetails/hooks.d.ts

@@ -6,10 +6,10 @@ export function useCardDetailsData({ cardId }: {
 }): {
     providerName: any;
     accessMessage: string | null;
-    isEntitlement: any;
+    isEntitlement: boolean;
     isFulfilled: any;
-    canChange: any;
-    openSessionModal: () => any;
+    canChange: boolean | undefined;
+    openSessionModal: () => void;
     courseNumber: any;
     changeOrLeaveSessionMessage: string;
 };

package/dist/containers/CourseCard/components/CourseCardDetails/hooks.js

@@ -1,21 +1,21 @@
 import { useIntl } from '@openedx/frontend-base';
-import { utilHooks, reduxHooks } from '../../../../hooks';
+import { utilHooks, useCourseData, useEntitlementInfo } from '../../../../hooks';
+import { useSelectSessionModal } from '../../../../data/context';
 import * as hooks from './hooks';
 import messages from './messages';
 export const useAccessMessage = ({ cardId }) => {
-    var _a;
     const { formatMessage } = useIntl();
-    const enrollment = reduxHooks.useCardEnrollmentData(cardId);
-    const courseRun = reduxHooks.useCardCourseRunData(cardId);
+    const courseData = useCourseData(cardId);
+    const { courseRun, enrollment } = courseData || {};
     const formatDate = utilHooks.useFormatDate();
     if (!courseRun.isStarted) {
         if (!courseRun.startDate && !courseRun.advertisedStart) {
             return null;
         }
-        const startDate = (_a = courseRun.advertisedStart) !== null && _a !== void 0 ? _a : formatDate(courseRun.startDate);
+        const startDate = courseRun.advertisedStart || formatDate(courseRun.startDate);
         return formatMessage(messages.courseStarts, { startDate });
     }
-    if (enrollment.isEnrolled) {
+    if (enrollment === null || enrollment === void 0 ? void 0 : enrollment.isEnrolled) {
         const { isArchived, endDate } = courseRun;
         const { accessExpirationDate, isAuditAccessExpired, } = enrollment;
         if (enrollment.isAudit && accessExpirationDate) {
@@ -29,18 +29,20 @@ export const useAccessMessage = ({ cardId }) => {
     return null;
 };
 export const useCardDetailsData = ({ cardId }) => {
+    var _a, _b;
     const { formatMessage } = useIntl();
-    const providerName = reduxHooks.useCardProviderData(cardId).name;
-    const { courseNumber } = reduxHooks.useCardCourseData(cardId);
-    const { isEntitlement, isFulfilled, canChange, } = reduxHooks.useCardEntitlementData(cardId);
-    const openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);
+    const courseData = useCourseData(cardId);
+    const providerName = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseProvider) === null || _a === void 0 ? void 0 : _a.name;
+    const courseNumber = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _b === void 0 ? void 0 : _b.courseNumber;
+    const { isEntitlement, isFulfilled, canChange, } = useEntitlementInfo(courseData);
+    const { updateSelectSessionModal } = useSelectSessionModal();
     return {
-        providerName: providerName !== null && providerName !== void 0 ? providerName : formatMessage(messages.unknownProviderName),
+        providerName: providerName || formatMessage(messages.unknownProviderName),
         accessMessage: hooks.useAccessMessage({ cardId }),
         isEntitlement,
         isFulfilled,
         canChange,
-        openSessionModal,
+        openSessionModal: () => updateSelectSessionModal(cardId),
         courseNumber,
         changeOrLeaveSessionMessage: formatMessage(messages.changeOrLeaveSessionButton),
     };

package/dist/containers/CourseCard/components/CourseCardDetails/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/hooks.js"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { utilHooks, reduxHooks } from '../../../../hooks';\n\nimport * as hooks from './hooks';\nimport messages from './messages';\n\nexport const useAccessMessage = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const enrollment = reduxHooks.useCardEnrollmentData(cardId);\n  const courseRun = reduxHooks.useCardCourseRunData(cardId);\n  const formatDate = utilHooks.useFormatDate();\n  if (!courseRun.isStarted) {\n    if (!courseRun.startDate && !courseRun.advertisedStart) {\n      return null;\n    }\n    const startDate = courseRun.advertisedStart ?? formatDate(courseRun.startDate);\n    return formatMessage(messages.courseStarts, { startDate });\n  }\n  if (enrollment.isEnrolled) {\n    const { isArchived, endDate } = courseRun;\n    const {\n      accessExpirationDate,\n      isAuditAccessExpired,\n    } = enrollment;\n\n    if (enrollment.isAudit && accessExpirationDate) {\n      return formatMessage(\n        isAuditAccessExpired ? messages.accessExpired : messages.accessExpires,\n        { accessExpirationDate: formatDate(accessExpirationDate) },\n      );\n    }\n    if (!endDate) {\n      return null;\n    }\n    return formatMessage(\n      isArchived ? messages.courseEnded : messages.courseEnds,\n      { endDate: formatDate(endDate) },\n    );\n  }\n  return null;\n};\n\nexport const useCardDetailsData = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const providerName = reduxHooks.useCardProviderData(cardId).name;\n  const { courseNumber } = reduxHooks.useCardCourseData(cardId);\n  const {\n    isEntitlement,\n    isFulfilled,\n    canChange,\n  } = reduxHooks.useCardEntitlementData(cardId);\n\n  const openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);\n\n  return {\n    providerName: providerName ?? formatMessage(messages.unknownProviderName),\n    accessMessage: hooks.useAccessMessage({ cardId }),\n    isEntitlement,\n    isFulfilled,\n    canChange,\n    openSessionModal,\n    courseNumber,\n    changeOrLeaveSessionMessage: formatMessage(messages.changeOrLeaveSessionButton),\n  };\n};\n\nexport default useCardDetailsData;\n"]}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/hooks.js"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { utilHooks, useCourseData, useEntitlementInfo } from '@src/hooks';\nimport { useSelectSessionModal } from '@src/data/context';\n\nimport * as hooks from './hooks';\nimport messages from './messages';\n\nexport const useAccessMessage = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const { courseRun, enrollment } = courseData || {};\n  const formatDate = utilHooks.useFormatDate();\n  if (!courseRun.isStarted) {\n    if (!courseRun.startDate && !courseRun.advertisedStart) {\n      return null;\n    }\n    const startDate = courseRun.advertisedStart || formatDate(courseRun.startDate);\n    return formatMessage(messages.courseStarts, { startDate });\n  }\n  if (enrollment?.isEnrolled) {\n    const { isArchived, endDate } = courseRun;\n    const {\n      accessExpirationDate,\n      isAuditAccessExpired,\n    } = enrollment;\n\n    if (enrollment.isAudit && accessExpirationDate) {\n      return formatMessage(\n        isAuditAccessExpired ? messages.accessExpired : messages.accessExpires,\n        { accessExpirationDate: formatDate(accessExpirationDate) },\n      );\n    }\n    if (!endDate) {\n      return null;\n    }\n    return formatMessage(\n      isArchived ? messages.courseEnded : messages.courseEnds,\n      { endDate: formatDate(endDate) },\n    );\n  }\n  return null;\n};\n\nexport const useCardDetailsData = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const providerName = courseData?.courseProvider?.name;\n  const courseNumber = courseData?.course?.courseNumber;\n  const {\n    isEntitlement,\n    isFulfilled,\n    canChange,\n  } = useEntitlementInfo(courseData);\n  const { updateSelectSessionModal } = useSelectSessionModal();\n\n  return {\n    providerName: providerName || formatMessage(messages.unknownProviderName),\n    accessMessage: hooks.useAccessMessage({ cardId }),\n    isEntitlement,\n    isFulfilled,\n    canChange,\n    openSessionModal: () => updateSelectSessionModal(cardId),\n    courseNumber,\n    changeOrLeaveSessionMessage: formatMessage(messages.changeOrLeaveSessionButton),\n  };\n};\n\nexport default useCardDetailsData;\n"]}

package/dist/containers/CourseCard/components/CourseCardImage.js

@@ -2,25 +2,26 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from '@openedx/frontend-base';
+import { baseAppUrl } from '../../../data/services/lms/urls';
 import { Badge } from '@openedx/paragon';
 import track from '../../../tracking';
-import { reduxHooks } from '../../../hooks';
+import { useCourseData, useCourseTrackingEvent } from '../../../hooks';
 import verifiedRibbon from '../../../assets/verified-ribbon.png';
 import useActionDisabledState from './hooks';
 import messages from '../messages';
 const { courseImageClicked } = track.course;
 export const CourseCardImage = ({ cardId, orientation }) => {
+    var _a, _b;
     const { formatMessage } = useIntl();
-    const { bannerImgSrc } = reduxHooks.useCardCourseData(cardId);
-    const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
-    const { isVerified } = reduxHooks.useCardEnrollmentData(cardId);
+    const courseData = useCourseData(cardId);
+    const { homeUrl } = (courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) || {};
     const { disableCourseTitle } = useActionDisabledState(cardId);
-    const handleImageClicked = reduxHooks.useTrackCourseEvent(courseImageClicked, cardId, homeUrl);
+    const handleImageClicked = useCourseTrackingEvent(courseImageClicked, cardId, homeUrl);
     const wrapperClassName = `pgn__card-wrapper-image-cap d-inline-block overflow-visible ${orientation}`;
     const image = (_jsxs(_Fragment, { children: [_jsx("img", { 
                 // w-100 is necessary for images on Safari, otherwise stretches full height of the image
                 // https://stackoverflow.com/a/44250830
-                className: "pgn__card-image-cap w-100 show", src: bannerImgSrc, alt: formatMessage(messages.bannerAlt) }), isVerified && (_jsxs("span", { className: "course-card-verify-ribbon-container", title: formatMessage(messages.verifiedHoverDescription), children: [_jsx(Badge, { as: "div", variant: "success", className: "w-100", children: formatMessage(messages.verifiedBanner) }), _jsx("img", { src: verifiedRibbon, alt: formatMessage(messages.verifiedBannerRibbonAlt) })] }))] }));
+                className: "pgn__card-image-cap w-100 show", src: ((_a = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _a === void 0 ? void 0 : _a.bannerImgSrc) && baseAppUrl(courseData.course.bannerImgSrc), alt: formatMessage(messages.bannerAlt) }), ((_b = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isVerified) && (_jsxs("span", { className: "course-card-verify-ribbon-container", title: formatMessage(messages.verifiedHoverDescription), children: [_jsx(Badge, { as: "div", variant: "success", className: "w-100", children: formatMessage(messages.verifiedBanner) }), _jsx("img", { src: verifiedRibbon, alt: formatMessage(messages.verifiedBannerRibbonAlt) })] }))] }));
     return disableCourseTitle
         ? (_jsx("div", { className: wrapperClassName, children: image }))
         : (_jsx("a", { className: wrapperClassName, href: homeUrl, onClick: handleImageClicked, tabIndex: "-1", children: image }));

package/dist/containers/CourseCard/components/CourseCardImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CourseCardImage.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/CourseCardImage.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAE7C,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IACzD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,kBAAkB,GAAG,UAAU,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/F,MAAM,gBAAgB,GAAG,+DAA+D,WAAW,EAAE,CAAC;IACtG,MAAM,KAAK,GAAG,CACZ,8BACE;gBACE,wFAAwF;gBACxF,uCAAuC;gBACvC,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GACtC,EAEA,UAAU,IAAI,CACZ,gBACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,aAEvD,KAAC,KAAK,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,YAChD,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GACjC,EACR,cAAK,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAI,IAC7E,CACR,IAEF,CACJ,CAAC;IACF,OAAO,kBAAkB;QACvB,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,gBAAgB,YAAG,KAAK,GAAO,CAAC;QACnD,CAAC,CAAC,CACA,YACE,SAAS,EAAE,gBAAgB,EAC3B,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAC,IAAI,YAEZ,KAAK,GACJ,CACL,CAAC;AACN,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACzC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC;AAElC,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Badge } from '@openedx/paragon';\n\nimport track from '../../../tracking';\nimport { reduxHooks } from '../../../hooks';\nimport verifiedRibbon from '../../../assets/verified-ribbon.png';\nimport useActionDisabledState from './hooks';\n\nimport messages from '../messages';\n\nconst { courseImageClicked } = track.course;\n\nexport const CourseCardImage = ({ cardId, orientation }) => {\n  const { formatMessage } = useIntl();\n  const { bannerImgSrc } = reduxHooks.useCardCourseData(cardId);\n  const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);\n  const { isVerified } = reduxHooks.useCardEnrollmentData(cardId);\n  const { disableCourseTitle } = useActionDisabledState(cardId);\n  const handleImageClicked = reduxHooks.useTrackCourseEvent(courseImageClicked, cardId, homeUrl);\n  const wrapperClassName = `pgn__card-wrapper-image-cap d-inline-block overflow-visible ${orientation}`;\n  const image = (\n    <>\n      <img\n        // w-100 is necessary for images on Safari, otherwise stretches full height of the image\n        // https://stackoverflow.com/a/44250830\n        className=\"pgn__card-image-cap w-100 show\"\n        src={bannerImgSrc}\n        alt={formatMessage(messages.bannerAlt)}\n      />\n      {\n        isVerified && (\n          <span\n            className=\"course-card-verify-ribbon-container\"\n            title={formatMessage(messages.verifiedHoverDescription)}\n          >\n            <Badge as=\"div\" variant=\"success\" className=\"w-100\">\n              {formatMessage(messages.verifiedBanner)}\n            </Badge>\n            <img src={verifiedRibbon} alt={formatMessage(messages.verifiedBannerRibbonAlt)} />\n          </span>\n        )\n      }\n    </>\n  );\n  return disableCourseTitle\n    ? (<div className={wrapperClassName}>{image}</div>)\n    : (\n      <a\n        className={wrapperClassName}\n        href={homeUrl}\n        onClick={handleImageClicked}\n        tabIndex=\"-1\"\n      >\n        {image}\n      </a>\n    );\n};\nCourseCardImage.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  orientation: PropTypes.string.isRequired,\n};\n\nCourseCardImage.defaultProps = {};\n\nexport default CourseCardImage;\n"]}
+{"version":3,"file":"CourseCardImage.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/CourseCardImage.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAE7C,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;;IACzD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,EAAE,CAAC;IAChD,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACvF,MAAM,gBAAgB,GAAG,+DAA+D,WAAW,EAAE,CAAC;IACtG,MAAM,KAAK,GAAG,CACZ,8BACE;gBACE,wFAAwF;gBACxF,uCAAuC;gBACvC,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,YAAY,KAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,EACnF,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GACtC,EAEA,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,0CAAE,UAAU,KAAI,CACpC,gBACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,aAEvD,KAAC,KAAK,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,YAChD,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GACjC,EACR,cAAK,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAI,IAC7E,CACR,IAEF,CACJ,CAAC;IACF,OAAO,kBAAkB;QACvB,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,gBAAgB,YAAG,KAAK,GAAO,CAAC;QACnD,CAAC,CAAC,CACA,YACE,SAAS,EAAE,gBAAgB,EAC3B,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAC,IAAI,YAEZ,KAAK,GACJ,CACL,CAAC;AACN,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACzC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC;AAElC,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport { Badge } from '@openedx/paragon';\n\nimport track from '@src/tracking';\nimport { useCourseData, useCourseTrackingEvent } from '@src/hooks';\nimport verifiedRibbon from '@src/assets/verified-ribbon.png';\nimport useActionDisabledState from './hooks';\n\nimport messages from '../messages';\n\nconst { courseImageClicked } = track.course;\n\nexport const CourseCardImage = ({ cardId, orientation }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const { homeUrl } = courseData?.courseRun || {};\n  const { disableCourseTitle } = useActionDisabledState(cardId);\n  const handleImageClicked = useCourseTrackingEvent(courseImageClicked, cardId, homeUrl);\n  const wrapperClassName = `pgn__card-wrapper-image-cap d-inline-block overflow-visible ${orientation}`;\n  const image = (\n    <>\n      <img\n        // w-100 is necessary for images on Safari, otherwise stretches full height of the image\n        // https://stackoverflow.com/a/44250830\n        className=\"pgn__card-image-cap w-100 show\"\n        src={courseData?.course?.bannerImgSrc && baseAppUrl(courseData.course.bannerImgSrc)}\n        alt={formatMessage(messages.bannerAlt)}\n      />\n      {\n        courseData?.enrollment?.isVerified && (\n          <span\n            className=\"course-card-verify-ribbon-container\"\n            title={formatMessage(messages.verifiedHoverDescription)}\n          >\n            <Badge as=\"div\" variant=\"success\" className=\"w-100\">\n              {formatMessage(messages.verifiedBanner)}\n            </Badge>\n            <img src={verifiedRibbon} alt={formatMessage(messages.verifiedBannerRibbonAlt)} />\n          </span>\n        )\n      }\n    </>\n  );\n  return disableCourseTitle\n    ? (<div className={wrapperClassName}>{image}</div>)\n    : (\n      <a\n        className={wrapperClassName}\n        href={homeUrl}\n        onClick={handleImageClicked}\n        tabIndex=\"-1\"\n      >\n        {image}\n      </a>\n    );\n};\nCourseCardImage.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  orientation: PropTypes.string.isRequired,\n};\n\nCourseCardImage.defaultProps = {};\n\nexport default CourseCardImage;\n"]}

package/dist/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.js

@@ -1,34 +1,37 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
 import PropTypes from 'prop-types';
 import * as ReactShare from 'react-share';
+import { EXECUTIVE_EDUCATION_COURSE_MODES } from '../../../../data/constants/course';
 import { useIntl } from '@openedx/frontend-base';
 import { Dropdown } from '@openedx/paragon';
-import MasqueradeUserContext from '../../../../data/contexts/MasqueradeUserContext';
 import track from '../../../../tracking';
-import { reduxHooks } from '../../../../hooks';
+import { useCourseTrackingEvent, useCourseData, useIsMasquerading } from '../../../../hooks';
+import { useCardSocialSettingsData } from './hooks';
 import messages from './messages';
 export const testIds = {
     emailSettingsModalToggle: 'emailSettingsModalToggle',
 };
 export const SocialShareMenu = ({ cardId, emailSettings }) => {
+    var _a, _b, _c;
     const { formatMessage } = useIntl();
-    const { courseName } = reduxHooks.useCardCourseData(cardId);
-    const { isEmailEnabled, isExecEd2UCourse } = reduxHooks.useCardEnrollmentData(cardId);
-    const { twitter, facebook } = reduxHooks.useCardSocialSettingsData(cardId);
-    const { isMasquerading } = useContext(MasqueradeUserContext);
-    const handleTwitterShare = reduxHooks.useTrackCourseEvent(track.socialShare, cardId, 'twitter');
-    const handleFacebookShare = reduxHooks.useTrackCourseEvent(track.socialShare, cardId, 'facebook');
+    const courseData = useCourseData(cardId);
+    const courseName = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _a === void 0 ? void 0 : _a.courseName;
+    const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);
+    const isEmailEnabled = (_c = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isEmailEnabled) !== null && _c !== void 0 ? _c : false;
+    const { twitter, facebook } = useCardSocialSettingsData(cardId);
+    const isMasquerading = useIsMasquerading();
+    const handleTwitterShare = useCourseTrackingEvent(track.socialShare, cardId, 'twitter');
+    const handleFacebookShare = useCourseTrackingEvent(track.socialShare, cardId, 'facebook');
     if (isExecEd2UCourse) {
         return null;
     }
     return (_jsxs(_Fragment, { children: [isEmailEnabled && (_jsx(Dropdown.Item, { disabled: isMasquerading, onClick: emailSettings.show, "data-testid": testIds.emailSettingsModalToggle, children: formatMessage(messages.emailSettings) })), facebook.isEnabled && (_jsx(ReactShare.FacebookShareButton, { url: facebook.shareUrl, onClick: handleFacebookShare, title: formatMessage(messages.shareQuote, {
                     courseName,
                     socialBrand: facebook.socialBrand,
-                }), resetButtonStyle: false, className: "pgn__dropdown-item dropdown-item", children: formatMessage(messages.shareToFacebook) })), twitter.isEnabled && (_jsx(ReactShare.TwitterShareButton, { url: twitter.shareUrl, onClick: handleTwitterShare, title: formatMessage(messages.shareQuote, {
+                }), resetButtonStyle: false, className: "pgn__dropdown-item dropdown-item", "aria-label": "facebook", children: formatMessage(messages.shareToFacebook) })), twitter.isEnabled && (_jsx(ReactShare.TwitterShareButton, { url: twitter.shareUrl, onClick: handleTwitterShare, title: formatMessage(messages.shareQuote, {
                     courseName,
                     socialBrand: twitter.socialBrand,
-                }), resetButtonStyle: false, className: "pgn__dropdown-item dropdown-item", children: formatMessage(messages.shareToTwitter) }))] }));
+                }), resetButtonStyle: false, className: "pgn__dropdown-item dropdown-item", "aria-label": "twitter", children: formatMessage(messages.shareToTwitter) }))] }));
 };
 SocialShareMenu.propTypes = {
     cardId: PropTypes.string.isRequired,

package/dist/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialShareMenu.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport * as ReactShare from 'react-share';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Dropdown } from '@openedx/paragon';\n\nimport MasqueradeUserContext from '../../../../data/contexts/MasqueradeUserContext';\nimport track from '../../../../tracking';\nimport { reduxHooks } from '../../../../hooks';\n\nimport messages from './messages';\n\nexport const testIds = {\n  emailSettingsModalToggle: 'emailSettingsModalToggle',\n};\n\nexport const SocialShareMenu = ({ cardId, emailSettings }) => {\n  const { formatMessage } = useIntl();\n\n  const { courseName } = reduxHooks.useCardCourseData(cardId);\n  const { isEmailEnabled, isExecEd2UCourse } = reduxHooks.useCardEnrollmentData(cardId);\n  const { twitter, facebook } = reduxHooks.useCardSocialSettingsData(cardId);\n  const { isMasquerading } = useContext(MasqueradeUserContext);\n\n  const handleTwitterShare = reduxHooks.useTrackCourseEvent(track.socialShare, cardId, 'twitter');\n  const handleFacebookShare = reduxHooks.useTrackCourseEvent(track.socialShare, cardId, 'facebook');\n\n  if (isExecEd2UCourse) {\n    return null;\n  }\n\n  return (\n    <>\n      {isEmailEnabled && (\n        <Dropdown.Item\n          disabled={isMasquerading}\n          onClick={emailSettings.show}\n          data-testid={testIds.emailSettingsModalToggle}\n        >\n          {formatMessage(messages.emailSettings)}\n        </Dropdown.Item>\n      )}\n      {facebook.isEnabled && (\n        <ReactShare.FacebookShareButton\n          url={facebook.shareUrl}\n          onClick={handleFacebookShare}\n          title={formatMessage(messages.shareQuote, {\n            courseName,\n            socialBrand: facebook.socialBrand,\n          })}\n          resetButtonStyle={false}\n          className=\"pgn__dropdown-item dropdown-item\"\n        >\n          {formatMessage(messages.shareToFacebook)}\n        </ReactShare.FacebookShareButton>\n      )}\n      {twitter.isEnabled && (\n        <ReactShare.TwitterShareButton\n          url={twitter.shareUrl}\n          onClick={handleTwitterShare}\n          title={formatMessage(messages.shareQuote, {\n            courseName,\n            socialBrand: twitter.socialBrand,\n          })}\n          resetButtonStyle={false}\n          className=\"pgn__dropdown-item dropdown-item\"\n        >\n          {formatMessage(messages.shareToTwitter)}\n        </ReactShare.TwitterShareButton>\n      )}\n    </>\n  );\n};\nSocialShareMenu.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  emailSettings: PropTypes.shape({\n    show: PropTypes.func,\n  }).isRequired,\n};\n\nexport default SocialShareMenu;\n"]}
+{"version":3,"file":"SocialShareMenu.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport * as ReactShare from 'react-share';\nimport { EXECUTIVE_EDUCATION_COURSE_MODES } from '@src/data/constants/course';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Dropdown } from '@openedx/paragon';\n\nimport track from '@src/tracking';\nimport { useCourseTrackingEvent, useCourseData, useIsMasquerading } from '@src/hooks';\nimport { useCardSocialSettingsData } from './hooks';\nimport messages from './messages';\n\nexport const testIds = {\n  emailSettingsModalToggle: 'emailSettingsModalToggle',\n};\n\nexport const SocialShareMenu = ({ cardId, emailSettings }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const courseName = courseData?.course?.courseName;\n  const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);\n  const isEmailEnabled = courseData?.enrollment?.isEmailEnabled ?? false;\n  const { twitter, facebook } = useCardSocialSettingsData(cardId);\n  const isMasquerading = useIsMasquerading();\n\n  const handleTwitterShare = useCourseTrackingEvent(track.socialShare, cardId, 'twitter');\n  const handleFacebookShare = useCourseTrackingEvent(track.socialShare, cardId, 'facebook');\n\n  if (isExecEd2UCourse) {\n    return null;\n  }\n\n  return (\n    <>\n      {isEmailEnabled && (\n        <Dropdown.Item\n          disabled={isMasquerading}\n          onClick={emailSettings.show}\n          data-testid={testIds.emailSettingsModalToggle}\n        >\n          {formatMessage(messages.emailSettings)}\n        </Dropdown.Item>\n      )}\n      {facebook.isEnabled && (\n        <ReactShare.FacebookShareButton\n          url={facebook.shareUrl}\n          onClick={handleFacebookShare}\n          title={formatMessage(messages.shareQuote, {\n            courseName,\n            socialBrand: facebook.socialBrand,\n          })}\n          resetButtonStyle={false}\n          className=\"pgn__dropdown-item dropdown-item\"\n          aria-label=\"facebook\"\n        >\n          {formatMessage(messages.shareToFacebook)}\n        </ReactShare.FacebookShareButton>\n      )}\n      {twitter.isEnabled && (\n        <ReactShare.TwitterShareButton\n          url={twitter.shareUrl}\n          onClick={handleTwitterShare}\n          title={formatMessage(messages.shareQuote, {\n            courseName,\n            socialBrand: twitter.socialBrand,\n          })}\n          resetButtonStyle={false}\n          className=\"pgn__dropdown-item dropdown-item\"\n          aria-label=\"twitter\"\n        >\n          {formatMessage(messages.shareToTwitter)}\n        </ReactShare.TwitterShareButton>\n      )}\n    </>\n  );\n};\nSocialShareMenu.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  emailSettings: PropTypes.shape({\n    show: PropTypes.func,\n  }).isRequired,\n};\n\nexport default SocialShareMenu;\n"]}

package/dist/containers/CourseCard/components/CourseCardMenu/hooks.d.ts

@@ -10,6 +10,16 @@ export function useEmailSettings(): {
     isVisible: any;
 };
 export function useHandleToggleDropdown(cardId: any): (isOpen: any) => void;
+export function useCardSocialSettingsData(cardId: any): {
+    facebook: {
+        isEnabled: any;
+        shareUrl: string;
+    };
+    twitter: {
+        isEnabled: any;
+        shareUrl: string;
+    };
+};
 export function useOptionVisibility(cardId: any): {
     shouldShowUnenrollItem: any;
     shouldShowDropdown: any;