@openedx/frontend-app-learner-dashboard 1.0.0-alpha.0 → 1.0.0-alpha.10

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,26 @@
+export const state: any;
+export function useUnenrollData(): {
+    show: () => any;
+    hide: () => any;
+    isVisible: any;
+};
+export function useEmailSettings(): {
+    show: () => any;
+    hide: () => any;
+    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;
+};

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

@@ -0,0 +1,67 @@
+import track from '../../../../tracking';
+import { useCourseData, useCourseTrackingEvent } from '../../../../hooks';
+import { useState } from 'react';
+import { StrictDict } from '../../../../utils';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+export const state = StrictDict({
+    isUnenrollConfirmVisible: (val) => useState(val), // eslint-disable-line
+    isEmailSettingsVisible: (val) => useState(val), // eslint-disable-line
+});
+export const useUnenrollData = () => {
+    const [isVisible, setIsVisible] = state.isUnenrollConfirmVisible(false);
+    return {
+        show: () => setIsVisible(true),
+        hide: () => setIsVisible(false),
+        isVisible,
+    };
+};
+export const useEmailSettings = () => {
+    const [isVisible, setIsVisible] = state.isEmailSettingsVisible(false);
+    return {
+        show: () => setIsVisible(true),
+        hide: () => setIsVisible(false),
+        isVisible,
+    };
+};
+export const useHandleToggleDropdown = (cardId) => {
+    const trackCourseEvent = useCourseTrackingEvent(track.course.courseOptionsDropdownClicked, cardId);
+    return (isOpen) => {
+        if (isOpen) {
+            trackCourseEvent();
+        }
+    };
+};
+export const useCardSocialSettingsData = (cardId) => {
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const socialShareSettings = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.socialShareSettings;
+    const { socialShareUrl } = (courseData === null || courseData === void 0 ? void 0 : courseData.course) || {};
+    const defaultSettings = { isEnabled: false, shareUrl: '' };
+    if (!socialShareSettings) {
+        return { facebook: defaultSettings, twitter: defaultSettings };
+    }
+    const { facebook, twitter } = socialShareSettings;
+    const loadSettings = (target) => ({
+        isEnabled: target.isEnabled,
+        shareUrl: `${socialShareUrl}?${target.utmParams}`,
+    });
+    return { facebook: loadSettings(facebook), twitter: loadSettings(twitter) };
+};
+export const useOptionVisibility = (cardId) => {
+    var _a, _b, _c, _d, _e, _f;
+    const courseData = useCourseData(cardId);
+    const isEmailEnabled = (_b = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isEmailEnabled) !== null && _b !== void 0 ? _b : false;
+    const isEnrolled = (_d = (_c = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _c === void 0 ? void 0 : _c.isEnrolled) !== null && _d !== void 0 ? _d : false;
+    const { twitter, facebook } = useCardSocialSettingsData(cardId);
+    const isEarned = (_f = (_e = courseData === null || courseData === void 0 ? void 0 : courseData.certificate) === null || _e === void 0 ? void 0 : _e.isEarned) !== null && _f !== void 0 ? _f : false;
+    const shouldShowUnenrollItem = isEnrolled && !isEarned;
+    const shouldShowDropdown = (shouldShowUnenrollItem
+        || isEmailEnabled
+        || facebook.isEnabled
+        || twitter.isEnabled);
+    return {
+        shouldShowUnenrollItem,
+        shouldShowDropdown,
+    };
+};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/hooks.js"],"names":[],"mappings":"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","sourcesContent":["import track from '@src/tracking';\nimport { useCourseData, useCourseTrackingEvent } from '@src/hooks';\nimport { useState } from 'react';\nimport { StrictDict } from '@src/utils';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nexport const state = StrictDict({\n  isUnenrollConfirmVisible: (val) => useState(val), // eslint-disable-line\n  isEmailSettingsVisible: (val) => useState(val), // eslint-disable-line\n});\n\nexport const useUnenrollData = () => {\n  const [isVisible, setIsVisible] = state.isUnenrollConfirmVisible(false);\n  return {\n    show: () => setIsVisible(true),\n    hide: () => setIsVisible(false),\n    isVisible,\n  };\n};\n\nexport const useEmailSettings = () => {\n  const [isVisible, setIsVisible] = state.isEmailSettingsVisible(false);\n  return {\n    show: () => setIsVisible(true),\n    hide: () => setIsVisible(false),\n    isVisible,\n  };\n};\n\nexport const useHandleToggleDropdown = (cardId) => {\n  const trackCourseEvent = useCourseTrackingEvent(\n    track.course.courseOptionsDropdownClicked,\n    cardId,\n  );\n  return (isOpen) => {\n    if (isOpen) {\n      trackCourseEvent();\n    }\n  };\n};\n\nexport const useCardSocialSettingsData = (cardId) => {\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n  const socialShareSettings = learnerHomeData?.socialShareSettings;\n  const { socialShareUrl } = courseData?.course || {};\n  const defaultSettings = { isEnabled: false, shareUrl: '' };\n\n  if (!socialShareSettings) {\n    return { facebook: defaultSettings, twitter: defaultSettings };\n  }\n  const { facebook, twitter } = socialShareSettings;\n  const loadSettings = (target) => ({\n    isEnabled: target.isEnabled,\n    shareUrl: `${socialShareUrl}?${target.utmParams}`,\n  });\n  return { facebook: loadSettings(facebook), twitter: loadSettings(twitter) };\n};\n\nexport const useOptionVisibility = (cardId) => {\n  const courseData = useCourseData(cardId);\n  const isEmailEnabled = courseData?.enrollment?.isEmailEnabled ?? false;\n  const isEnrolled = courseData?.enrollment?.isEnrolled ?? false;\n  const { twitter, facebook } = useCardSocialSettingsData(cardId);\n  const isEarned = courseData?.certificate?.isEarned ?? false;\n\n  const shouldShowUnenrollItem = isEnrolled && !isEarned;\n  const shouldShowDropdown = (\n    shouldShowUnenrollItem\n    || isEmailEnabled\n    || facebook.isEnabled\n    || twitter.isEnabled\n  );\n\n  return {\n    shouldShowUnenrollItem,\n    shouldShowDropdown,\n  };\n};\n"]}

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { Dropdown, Icon, IconButton } from '@openedx/paragon';
+import { MoreVert } from '@openedx/paragon/icons';
+import EmailSettingsModal from '../../../../containers/EmailSettingsModal';
+import UnenrollConfirmModal from '../../../../containers/UnenrollConfirmModal';
+import { useCourseData, useIsMasquerading } from '../../../../hooks';
+import SocialShareMenu from './SocialShareMenu';
+import { useEmailSettings, useUnenrollData, useHandleToggleDropdown, useOptionVisibility, } from './hooks';
+import messages from './messages';
+export const testIds = {
+    unenrollModalToggle: 'unenrollModalToggle',
+};
+export const CourseCardMenu = ({ cardId }) => {
+    var _a, _b;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const isEmailEnabled = (_b = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isEmailEnabled) !== null && _b !== void 0 ? _b : false;
+    const emailSettings = useEmailSettings();
+    const unenrollModal = useUnenrollData();
+    const handleToggleDropdown = useHandleToggleDropdown(cardId);
+    const { shouldShowUnenrollItem, shouldShowDropdown } = useOptionVisibility(cardId);
+    const isMasquerading = useIsMasquerading();
+    if (!shouldShowDropdown) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Dropdown, { onToggle: handleToggleDropdown, children: [_jsx(Dropdown.Toggle, { id: `course-actions-dropdown-${cardId}`, as: IconButton, src: MoreVert, iconAs: Icon, variant: "primary", alt: formatMessage(messages.dropdownAlt) }), _jsxs(Dropdown.Menu, { children: [shouldShowUnenrollItem && (_jsx(Dropdown.Item, { disabled: isMasquerading, onClick: unenrollModal.show, "data-testid": testIds.unenrollModalToggle, children: formatMessage(messages.unenroll) })), _jsx(SocialShareMenu, { cardId: cardId, emailSettings: emailSettings })] })] }), _jsx(UnenrollConfirmModal, { show: unenrollModal.isVisible, closeModal: unenrollModal.hide, cardId: cardId }), isEmailEnabled && (_jsx(EmailSettingsModal, { show: emailSettings.isVisible, closeModal: emailSettings.hide, cardId: cardId }))] }));
+};
+CourseCardMenu.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseCardMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,mBAAmB,EAAE,qBAAqB;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,0CAAE,cAAc,mCAAI,KAAK,CAAC;IAEvE,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,aAAa,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAC7D,MAAM,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnF,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,MAAC,QAAQ,IAAC,QAAQ,EAAE,oBAAoB,aACtC,KAAC,QAAQ,CAAC,MAAM,IACd,EAAE,EAAE,2BAA2B,MAAM,EAAE,EACvC,EAAE,EAAE,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,SAAS,EACjB,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GACxC,EACF,MAAC,QAAQ,CAAC,IAAI,eACX,sBAAsB,IAAI,CACzB,KAAC,QAAQ,CAAC,IAAI,IACZ,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,aAAa,CAAC,IAAI,iBACd,OAAO,CAAC,mBAAmB,YAEvC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GACnB,CACjB,EACD,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,IACnD,IACP,EACX,KAAC,oBAAoB,IACnB,IAAI,EAAE,aAAa,CAAC,SAAS,EAC7B,UAAU,EAAE,aAAa,CAAC,IAAI,EAC9B,MAAM,EAAE,MAAM,GACd,EACD,cAAc,IAAI,CACjB,KAAC,kBAAkB,IACjB,IAAI,EAAE,aAAa,CAAC,SAAS,EAC7B,UAAU,EAAE,aAAa,CAAC,IAAI,EAC9B,MAAM,EAAE,MAAM,GACd,CACH,IACA,CACJ,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';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Dropdown, Icon, IconButton } from '@openedx/paragon';\nimport { MoreVert } from '@openedx/paragon/icons';\n\nimport EmailSettingsModal from '@src/containers/EmailSettingsModal';\nimport UnenrollConfirmModal from '@src/containers/UnenrollConfirmModal';\nimport { useCourseData, useIsMasquerading } from '@src/hooks';\nimport SocialShareMenu from './SocialShareMenu';\nimport {\n  useEmailSettings,\n  useUnenrollData,\n  useHandleToggleDropdown,\n  useOptionVisibility,\n} from './hooks';\n\nimport messages from './messages';\n\nexport const testIds = {\n  unenrollModalToggle: 'unenrollModalToggle',\n};\n\nexport const CourseCardMenu = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n\n  const isEmailEnabled = courseData?.enrollment?.isEmailEnabled ?? false;\n\n  const emailSettings = useEmailSettings();\n  const unenrollModal = useUnenrollData();\n  const handleToggleDropdown = useHandleToggleDropdown(cardId);\n  const { shouldShowUnenrollItem, shouldShowDropdown } = useOptionVisibility(cardId);\n  const isMasquerading = useIsMasquerading();\n\n  if (!shouldShowDropdown) {\n    return null;\n  }\n\n  return (\n    <>\n      <Dropdown onToggle={handleToggleDropdown}>\n        <Dropdown.Toggle\n          id={`course-actions-dropdown-${cardId}`}\n          as={IconButton}\n          src={MoreVert}\n          iconAs={Icon}\n          variant=\"primary\"\n          alt={formatMessage(messages.dropdownAlt)}\n        />\n        <Dropdown.Menu>\n          {shouldShowUnenrollItem && (\n            <Dropdown.Item\n              disabled={isMasquerading}\n              onClick={unenrollModal.show}\n              data-testid={testIds.unenrollModalToggle}\n            >\n              {formatMessage(messages.unenroll)}\n            </Dropdown.Item>\n          )}\n          <SocialShareMenu cardId={cardId} emailSettings={emailSettings} />\n        </Dropdown.Menu>\n      </Dropdown>\n      <UnenrollConfirmModal\n        show={unenrollModal.isVisible}\n        closeModal={unenrollModal.hide}\n        cardId={cardId}\n      />\n      {isEmailEnabled && (\n        <EmailSettingsModal\n          show={emailSettings.isVisible}\n          closeModal={emailSettings.hide}\n          cardId={cardId}\n        />\n      )}\n    </>\n  );\n};\nCourseCardMenu.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCardMenu;\n"]}

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

@@ -0,0 +1,48 @@
+export default messages;
+declare namespace messages {
+    namespace unenroll {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace dropdownAlt {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace emailSettings {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace shareToFacebook {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    namespace shareToTwitter {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    namespace shareQuote {
+        let id_5: string;
+        export { id_5 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    unenroll: {
+        id: 'learner-dash.courseCardMenu.unenroll',
+        description: 'Course unenroll menu button',
+        defaultMessage: 'Unenroll',
+    },
+    dropdownAlt: {
+        id: 'learner-dash.courseCardMenu.dropdownAlt',
+        description: 'Course action menu alt-text',
+        defaultMessage: 'Course actions dropdown',
+    },
+    emailSettings: {
+        id: 'learner-dash.courseCardMenu.emailSettings',
+        description: 'Course email settings menu button',
+        defaultMessage: 'Email settings',
+    },
+    shareToFacebook: {
+        id: 'learner-dash.courseCardMenu.shareToFacebook',
+        description: 'Course Facebook Sharing button',
+        defaultMessage: 'Share to Facebook',
+    },
+    shareToTwitter: {
+        id: 'learner-dash.courseCardMenu.shareToTwitter',
+        description: 'Course Twitter Sharing button',
+        defaultMessage: 'Share to Twitter',
+    },
+    shareQuote: {
+        id: 'learner-dash.courseCardMenu.shareQuote',
+        description: 'Social sharing quote',
+        defaultMessage: 'I\'m taking {courseName} online with {socialBrand}.  Check it out!',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,QAAQ,EAAE;QACR,EAAE,EAAE,sCAAsC;QAC1C,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,UAAU;KAC3B;IACD,WAAW,EAAE;QACX,EAAE,EAAE,yCAAyC;QAC7C,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,yBAAyB;KAC1C;IACD,aAAa,EAAE;QACb,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,gBAAgB;KACjC;IACD,eAAe,EAAE;QACf,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,mBAAmB;KACpC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,+BAA+B;QAC5C,cAAc,EAAE,kBAAkB;KACnC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,wCAAwC;QAC5C,WAAW,EAAE,sBAAsB;QACnC,cAAc,EAAE,oEAAoE;KACrF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  unenroll: {\n    id: 'learner-dash.courseCardMenu.unenroll',\n    description: 'Course unenroll menu button',\n    defaultMessage: 'Unenroll',\n  },\n  dropdownAlt: {\n    id: 'learner-dash.courseCardMenu.dropdownAlt',\n    description: 'Course action menu alt-text',\n    defaultMessage: 'Course actions dropdown',\n  },\n  emailSettings: {\n    id: 'learner-dash.courseCardMenu.emailSettings',\n    description: 'Course email settings menu button',\n    defaultMessage: 'Email settings',\n  },\n  shareToFacebook: {\n    id: 'learner-dash.courseCardMenu.shareToFacebook',\n    description: 'Course Facebook Sharing button',\n    defaultMessage: 'Share to Facebook',\n  },\n  shareToTwitter: {\n    id: 'learner-dash.courseCardMenu.shareToTwitter',\n    description: 'Course Twitter Sharing button',\n    defaultMessage: 'Share to Twitter',\n  },\n  shareQuote: {\n    id: 'learner-dash.courseCardMenu.shareQuote',\n    description: 'Social sharing quote',\n    defaultMessage: 'I\\'m taking {courseName} online with {socialBrand}.  Check it out!',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseCard/components/CourseCardTitle.d.ts

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import track from '../../../tracking';
+import { useCourseData, useCourseTrackingEvent } from '../../../hooks';
+import useActionDisabledState from './hooks';
+const { courseTitleClicked } = track.course;
+export const CourseCardTitle = ({ cardId }) => {
+    var _a, _b;
+    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 homeUrl = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _b === void 0 ? void 0 : _b.homeUrl;
+    const handleTitleClicked = useCourseTrackingEvent(courseTitleClicked, cardId, homeUrl);
+    const { disableCourseTitle } = useActionDisabledState(cardId);
+    return (_jsx("h3", { children: disableCourseTitle ? (_jsx("span", { className: "course-card-title", "data-testid": "CourseCardTitle", children: courseName })) : (_jsx("a", { href: homeUrl, className: "course-card-title", "data-testid": "CourseCardTitle", onClick: handleTitleClicked, children: courseName })) }));
+};
+CourseCardTitle.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+CourseCardTitle.defaultProps = {};
+export default CourseCardTitle;
+//# sourceMappingURL=CourseCardTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCardTitle.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/CourseCardTitle.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAE7C,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC5C,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,OAAO,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,OAAO,CAAC;IAC/C,MAAM,kBAAkB,GAAG,sBAAsB,CAC/C,kBAAkB,EAClB,MAAM,EACN,OAAO,CACR,CAAC;IACF,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC9D,OAAO,CACL,uBACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,eAAM,SAAS,EAAC,mBAAmB,iBAAa,iBAAiB,YAAE,UAAU,GAAQ,CACtF,CAAC,CAAC,CAAC,CACF,YACE,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,mBAAmB,iBACjB,iBAAiB,EAC7B,OAAO,EAAE,kBAAkB,YAE1B,UAAU,GACT,CACL,GACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC;AAElC,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport track from '@src/tracking';\nimport { useCourseData, useCourseTrackingEvent } from '@src/hooks';\nimport useActionDisabledState from './hooks';\n\nconst { courseTitleClicked } = track.course;\n\nexport const CourseCardTitle = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const courseName = courseData?.course?.courseName;\n  const homeUrl = courseData?.courseRun?.homeUrl;\n  const handleTitleClicked = useCourseTrackingEvent(\n    courseTitleClicked,\n    cardId,\n    homeUrl,\n  );\n  const { disableCourseTitle } = useActionDisabledState(cardId);\n  return (\n    <h3>\n      {disableCourseTitle ? (\n        <span className=\"course-card-title\" data-testid=\"CourseCardTitle\">{courseName}</span>\n      ) : (\n        <a\n          href={homeUrl}\n          className=\"course-card-title\"\n          data-testid=\"CourseCardTitle\"\n          onClick={handleTitleClicked}\n        >\n          {courseName}\n        </a>\n      )}\n    </h3>\n  );\n};\n\nCourseCardTitle.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nCourseCardTitle.defaultProps = {};\n\nexport default CourseCardTitle;\n"]}

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

@@ -0,0 +1,11 @@
+export const state: any;
+export function useRelatedProgramsBadgeData({ cardId }: {
+    cardId: any;
+}): {
+    numPrograms: any;
+    programsMessage: string;
+    isOpen: any;
+    openModal: () => any;
+    closeModal: () => any;
+};
+export default module.useRelatedProgramsBadgeData;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { StrictDict } from '../../../../utils';
+import { useCourseData } from '../../../../hooks';
+import messages from './messages';
+import * as module from './hooks';
+export const state = StrictDict({
+    isOpen: (val) => React.useState(val), // eslint-disable-line
+});
+export const useRelatedProgramsBadgeData = ({ cardId }) => {
+    var _a, _b;
+    const [isOpen, setIsOpen] = module.state.isOpen(false);
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const numPrograms = ((_b = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.programs) === null || _a === void 0 ? void 0 : _a.relatedPrograms) === null || _b === void 0 ? void 0 : _b.length) || 0;
+    let programsMessage = '';
+    if (numPrograms) {
+        programsMessage = formatMessage(numPrograms === 1 ? messages.badgeLabelSingular : messages.badgeLabelPlural, { numPrograms });
+    }
+    return {
+        numPrograms,
+        programsMessage,
+        isOpen,
+        openModal: () => setIsOpen(true),
+        closeModal: () => setIsOpen(false),
+    };
+};
+export default useRelatedProgramsBadgeData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/RelatedProgramsBadge/hooks.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,CAAA,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,eAAe,0CAAE,MAAM,KAAI,CAAC,CAAC;IACvE,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,IAAI,WAAW,EAAE,CAAC;QAChB,eAAe,GAAG,aAAa,CAC7B,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAC3E,EAAE,WAAW,EAAE,CAChB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,WAAW;QACX,eAAe;QACf,MAAM;QACN,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAChC,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { StrictDict } from '@src/utils';\nimport { useCourseData } from '@src/hooks';\n\nimport messages from './messages';\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  isOpen: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useRelatedProgramsBadgeData = ({ cardId }) => {\n  const [isOpen, setIsOpen] = module.state.isOpen(false);\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const numPrograms = courseData?.programs?.relatedPrograms?.length || 0;\n  let programsMessage = '';\n  if (numPrograms) {\n    programsMessage = formatMessage(\n      numPrograms === 1 ? messages.badgeLabelSingular : messages.badgeLabelPlural,\n      { numPrograms },\n    );\n  }\n\n  return {\n    numPrograms,\n    programsMessage,\n    isOpen,\n    openModal: () => setIsOpen(true),\n    closeModal: () => setIsOpen(false),\n  };\n};\n\nexport default useRelatedProgramsBadgeData;\n"]}

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable quotes */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Icon } from '@openedx/paragon';
+import { Program } from '@openedx/paragon/icons';
+import RelatedProgramsBadgeModal from '../../../../containers/RelatedProgramsModal';
+import useRelatedProgramsBadgeData from './hooks';
+export const RelatedProgramsBadge = ({ cardId }) => {
+    const { isOpen, openModal, closeModal, numPrograms, programsMessage, } = useRelatedProgramsBadgeData({ cardId });
+    if (numPrograms === 0) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { "data-testid": "RelatedProgramsBadge", className: "pl-0 mr-0 justify-content-start align-self-start flex-shrink-1", variant: "tertiary", size: "sm", onClick: openModal, children: [_jsx(Icon, { src: Program, className: "mr-2 pr-0" }), " ", programsMessage] }), _jsx(RelatedProgramsBadgeModal, { isOpen, closeModal, cardId })] }));
+};
+RelatedProgramsBadge.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default RelatedProgramsBadge;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/RelatedProgramsBadge/index.jsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,yBAAyB,MAAM,sCAAsC,CAAC;AAC7E,OAAO,2BAA2B,MAAM,SAAS,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACjD,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,GAC5D,GAAG,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAE5C,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,MAAC,MAAM,mBACO,sBAAsB,EAClC,SAAS,EAAC,gEAAgE,EAC1E,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,aAElB,KAAC,IAAI,IAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,OAAE,eAAe,IACtD,EACT,KAAC,yBAAyB,IAAO,MAAM,EAAE,UAAU,EAAE,MAAM,GAAM,IAChE,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["/* eslint-disable quotes */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button, Icon } from '@openedx/paragon';\nimport { Program } from '@openedx/paragon/icons';\n\nimport RelatedProgramsBadgeModal from '@src/containers/RelatedProgramsModal';\nimport useRelatedProgramsBadgeData from './hooks';\n\nexport const RelatedProgramsBadge = ({ cardId }) => {\n  const {\n    isOpen, openModal, closeModal, numPrograms, programsMessage,\n  } = useRelatedProgramsBadgeData({ cardId });\n\n  if (numPrograms === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        data-testid=\"RelatedProgramsBadge\"\n        className=\"pl-0 mr-0 justify-content-start align-self-start flex-shrink-1\"\n        variant=\"tertiary\"\n        size=\"sm\"\n        onClick={openModal}\n      >\n        <Icon src={Program} className=\"mr-2 pr-0\" /> {programsMessage}\n      </Button>\n      <RelatedProgramsBadgeModal {...{ isOpen, closeModal, cardId }} />\n    </>\n  );\n};\nRelatedProgramsBadge.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RelatedProgramsBadge;\n"]}

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

@@ -0,0 +1,16 @@
+export namespace messages {
+    namespace badgeLabelPlural {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace badgeLabelSingular {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+}
+export default messages;

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

@@ -0,0 +1,14 @@
+export const messages = {
+    badgeLabelPlural: {
+        id: 'learner-dash.courseCard.relatedProgramsBadge.label.plural',
+        description: 'Label test indicating number of related programs for a course card',
+        defaultMessage: '{numPrograms} Related Programs',
+    },
+    badgeLabelSingular: {
+        id: 'learner-dash.courseCard.relatedProgramsBadge.label.singular',
+        description: 'Label test indicating a single related program for a course card',
+        defaultMessage: '{numPrograms} Related Program',
+    },
+};
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/RelatedProgramsBadge/messages.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,gBAAgB,EAAE;QAChB,EAAE,EAAE,2DAA2D;QAC/D,WAAW,EAAE,oEAAoE;QACjF,cAAc,EAAE,gCAAgC;KACjD;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6DAA6D;QACjE,WAAW,EAAE,kEAAkE;QAC/E,cAAc,EAAE,+BAA+B;KAChD;CACF,CAAC;AACF,eAAe,QAAQ,CAAC","sourcesContent":["export const messages = {\n  badgeLabelPlural: {\n    id: 'learner-dash.courseCard.relatedProgramsBadge.label.plural',\n    description: 'Label test indicating number of related programs for a course card',\n    defaultMessage: '{numPrograms} Related Programs',\n  },\n  badgeLabelSingular: {\n    id: 'learner-dash.courseCard.relatedProgramsBadge.label.singular',\n    description: 'Label test indicating a single related program for a course card',\n    defaultMessage: '{numPrograms} Related Program',\n  },\n};\nexport default messages;\n"]}

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

@@ -0,0 +1,8 @@
+export function useActionDisabledState(cardId: any): {
+    disableBeginCourse: any;
+    disableResumeCourse: any;
+    disableViewCourse: any;
+    disableSelectSession: boolean;
+    disableCourseTitle: any;
+};
+export default useActionDisabledState;

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

@@ -0,0 +1,25 @@
+import { useCourseData, useEntitlementInfo, useIsMasquerading } from '../../../hooks';
+export const useActionDisabledState = (cardId) => {
+    var _a;
+    const courseData = useCourseData(cardId);
+    const isMasquerading = useIsMasquerading();
+    const { isAudit, isAuditAccessExpired, } = courseData.enrollment || {};
+    const { isStaff, hasUnmetPrereqs, isTooEarly } = ((_a = courseData.enrollment) === null || _a === void 0 ? void 0 : _a.coursewareAccess) || {};
+    const hasAccess = isStaff || !(hasUnmetPrereqs || isTooEarly);
+    const { isEntitlement, isFulfilled, canChange, hasSessions, } = useEntitlementInfo(courseData);
+    const { resumeUrl, homeUrl } = courseData.courseRun || {};
+    const disableBeginCourse = !homeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));
+    const disableResumeCourse = !resumeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));
+    const disableViewCourse = !hasAccess || (isAudit && isAuditAccessExpired);
+    const disableSelectSession = !isEntitlement || isMasquerading || !hasAccess || (!canChange || !hasSessions);
+    const disableCourseTitle = (isEntitlement && !isFulfilled) || disableViewCourse;
+    return {
+        disableBeginCourse,
+        disableResumeCourse,
+        disableViewCourse,
+        disableSelectSession,
+        disableCourseTitle,
+    };
+};
+export default useActionDisabledState;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAElF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,EAAE;;IAC/C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,EACJ,OAAO,EAAE,oBAAoB,GAC9B,GAAG,UAAU,CAAC,UAAU,IAAI,EAAE,CAAC;IAChC,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,CAAA,MAAA,UAAU,CAAC,UAAU,0CAAE,gBAAgB,KAAI,EAAE,CAAC;IAC/F,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC,CAAC,eAAe,IAAI,UAAU,CAAC,CAAC;IAC9D,MAAM,EACJ,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GACnD,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEnC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,SAAS,IAAI,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC;IAC3G,MAAM,mBAAmB,GAAG,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC;IAC9G,MAAM,iBAAiB,GAAG,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,oBAAoB,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,CAAC,aAAa,IAAI,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,WAAW,CAAC,CAAC;IAE5G,MAAM,kBAAkB,GAAG,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC;IAEhF,OAAO;QACL,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;QACjB,oBAAoB;QACpB,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { useCourseData, useEntitlementInfo, useIsMasquerading } from '@src/hooks';\n\nexport const useActionDisabledState = (cardId) => {\n  const courseData = useCourseData(cardId);\n  const isMasquerading = useIsMasquerading();\n\n  const {\n    isAudit, isAuditAccessExpired,\n  } = courseData.enrollment || {};\n  const { isStaff, hasUnmetPrereqs, isTooEarly } = courseData.enrollment?.coursewareAccess || {};\n  const hasAccess = isStaff || !(hasUnmetPrereqs || isTooEarly);\n  const {\n    isEntitlement, isFulfilled, canChange, hasSessions,\n  } = useEntitlementInfo(courseData);\n\n  const { resumeUrl, homeUrl } = courseData.courseRun || {};\n  const disableBeginCourse = !homeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));\n  const disableResumeCourse = !resumeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));\n  const disableViewCourse = !hasAccess || (isAudit && isAuditAccessExpired);\n  const disableSelectSession = !isEntitlement || isMasquerading || !hasAccess || (!canChange || !hasSessions);\n\n  const disableCourseTitle = (isEntitlement && !isFulfilled) || disableViewCourse;\n\n  return {\n    disableBeginCourse,\n    disableResumeCourse,\n    disableViewCourse,\n    disableSelectSession,\n    disableCourseTitle,\n  };\n};\n\nexport default useActionDisabledState;\n"]}

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

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

package/dist/containers/CourseCard/hooks.js

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

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

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

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

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

package/dist/containers/CourseCard/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Card } from '@openedx/paragon';
+import { useIsCollapsed } from './hooks';
+import CourseCardBanners from './components/CourseCardBanners';
+import CourseCardImage from './components/CourseCardImage';
+import CourseCardMenu from './components/CourseCardMenu';
+import CourseCardActions from './components/CourseCardActions';
+import CourseCardDetails from './components/CourseCardDetails';
+import CourseCardTitle from './components/CourseCardTitle';
+import './CourseCard.scss';
+export const CourseCard = ({ cardId, }) => {
+    const isCollapsed = useIsCollapsed();
+    const orientation = isCollapsed ? 'vertical' : 'horizontal';
+    return (_jsx("div", { className: "mb-4.5 course-card", id: cardId, "data-testid": "CourseCard", children: _jsx(Card, { orientation: orientation, children: _jsxs("div", { className: "d-flex flex-column w-100", children: [_jsxs("div", Object.assign({}, (!isCollapsed && { className: 'd-flex' }), { children: [_jsx(CourseCardImage, { cardId: cardId, orientation: "horizontal" }), _jsxs(Card.Body, { children: [_jsx(Card.Header, { title: _jsx(CourseCardTitle, { cardId: cardId }), actions: _jsx(CourseCardMenu, { cardId: cardId }) }), _jsx(Card.Section, { className: "pt-0", children: _jsx(CourseCardDetails, { cardId: cardId }) }), _jsx(Card.Footer, { orientation: orientation, children: _jsx(CourseCardActions, { cardId: cardId }) })] })] })), _jsx(CourseCardBanners, { cardId: cardId })] }) }) }));
+};
+CourseCard.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/CourseCard/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,GACP,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,EAAC,EAAE,EAAE,MAAM,iBAAc,YAAY,YACtE,KAAC,IAAI,IAAC,WAAW,EAAE,WAAW,YAC5B,eAAK,SAAS,EAAC,0BAA0B,aACvC,+BAAS,CAAC,CAAC,WAAW,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,eAChD,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAC,YAAY,GAAG,EAC5D,MAAC,IAAI,CAAC,IAAI,eACR,KAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAE,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,EAC1C,OAAO,EAAE,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3C,EACF,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,YAC5B,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,GACxB,EACf,KAAC,IAAI,CAAC,MAAM,IAAC,WAAW,EAAE,WAAW,YACnC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,GACzB,IACJ,KACR,EACN,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IACjC,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,SAAS,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Card } from '@openedx/paragon';\n\nimport { useIsCollapsed } from './hooks';\nimport CourseCardBanners from './components/CourseCardBanners';\nimport CourseCardImage from './components/CourseCardImage';\nimport CourseCardMenu from './components/CourseCardMenu';\nimport CourseCardActions from './components/CourseCardActions';\nimport CourseCardDetails from './components/CourseCardDetails';\nimport CourseCardTitle from './components/CourseCardTitle';\n\nimport './CourseCard.scss';\n\nexport const CourseCard = ({\n  cardId,\n}) => {\n  const isCollapsed = useIsCollapsed();\n  const orientation = isCollapsed ? 'vertical' : 'horizontal';\n  return (\n    <div className=\"mb-4.5 course-card\" id={cardId} data-testid=\"CourseCard\">\n      <Card orientation={orientation}>\n        <div className=\"d-flex flex-column w-100\">\n          <div {...(!isCollapsed && { className: 'd-flex' })}>\n            <CourseCardImage cardId={cardId} orientation=\"horizontal\" />\n            <Card.Body>\n              <Card.Header\n                title={<CourseCardTitle cardId={cardId} />}\n                actions={<CourseCardMenu cardId={cardId} />}\n              />\n              <Card.Section className=\"pt-0\">\n                <CourseCardDetails cardId={cardId} />\n              </Card.Section>\n              <Card.Footer orientation={orientation}>\n                <CourseCardActions cardId={cardId} />\n              </Card.Footer>\n            </Card.Body>\n          </div>\n          <CourseCardBanners cardId={cardId} />\n        </div>\n      </Card>\n    </div>\n  );\n};\nCourseCard.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCard;\n"]}

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

@@ -0,0 +1,32 @@
+export default messages;
+declare namespace messages {
+    namespace bannerAlt {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace verifiedBanner {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace verifiedHoverDescription {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace verifiedBannerRibbonAlt {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+}

package/dist/containers/CourseCard/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    bannerAlt: {
+        id: 'learner-dash.courseCard.bannerAlt',
+        description: 'Course card banner alt-text',
+        defaultMessage: 'Course thumbnail',
+    },
+    verifiedBanner: {
+        id: 'learner-dash.courseCard.verifiedBanner',
+        description: 'Course card verified banner',
+        defaultMessage: 'Verified',
+    },
+    verifiedHoverDescription: {
+        id: 'learner-dash.courseCard.verifiedHoverDescription',
+        description: 'Course card verified hover description',
+        defaultMessage: 'You\'re enrolled as a verified student',
+    },
+    verifiedBannerRibbonAlt: {
+        id: 'learner-dash.courseCard.verifiedBannerRibbonAlt',
+        description: 'Course card verified banner ribbon alt-text',
+        defaultMessage: 'ID Verified Ribbon/Badge',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map