@edx/frontend-app-learner-dashboard 1.0.0

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button } from '@openedx/paragon';
+import useCardDetailsData from './hooks';
+import './index.scss';
+export const CourseCardDetails = ({ cardId }) => {
+    const { providerName, accessMessage, isEntitlement, isFulfilled, canChange, openSessionModal, courseNumber, changeOrLeaveSessionMessage, } = useCardDetailsData({ cardId });
+    return (_jsxs("span", { className: "small", "data-testid": "CourseCardDetails", children: [providerName, " \u2022 ", courseNumber, !(isEntitlement && !isFulfilled) && accessMessage && (` • ${accessMessage}`), isEntitlement && isFulfilled && canChange ? (_jsxs(_Fragment, { children: [' • ', _jsx(Button, { variant: "link", size: "inline", className: "m-0 p-0", onClick: openSessionModal, children: changeOrLeaveSessionMessage })] })) : null] }));
+};
+CourseCardDetails.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+CourseCardDetails.defaultProps = {};
+export default CourseCardDetails;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,2BAA2B,GAC5B,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnC,OAAO,CACL,gBAAM,SAAS,EAAC,OAAO,iBAAa,mBAAmB,aACpD,YAAY,cAAK,YAAY,EAC7B,CAAC,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,IAAI,aAAa,IAAI,CACpD,MAAM,aAAa,EAAE,CACtB,EACA,aAAa,IAAI,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAC3C,8BACG,KAAK,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,gBAAgB,YAC/E,2BAA2B,GACrB,IACR,CACJ,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,EAAE,CAAC;AAEpC,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '@openedx/paragon';\n\nimport useCardDetailsData from './hooks';\nimport './index.scss';\n\nexport const CourseCardDetails = ({ cardId }) => {\n  const {\n    providerName,\n    accessMessage,\n    isEntitlement,\n    isFulfilled,\n    canChange,\n    openSessionModal,\n    courseNumber,\n    changeOrLeaveSessionMessage,\n  } = useCardDetailsData({ cardId });\n\n  return (\n    <span className=\"small\" data-testid=\"CourseCardDetails\">\n      {providerName} • {courseNumber}\n      {!(isEntitlement && !isFulfilled) && accessMessage && (\n        ` • ${accessMessage}`\n      )}\n      {isEntitlement && isFulfilled && canChange ? (\n        <>\n          {' • '}\n          <Button variant=\"link\" size=\"inline\" className=\"m-0 p-0\" onClick={openSessionModal}>\n            {changeOrLeaveSessionMessage}\n          </Button>\n        </>\n      ) : null}\n    </span>\n  );\n};\n\nCourseCardDetails.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nCourseCardDetails.defaultProps = {};\n\nexport default CourseCardDetails;\n"]}

package/dist/containers/CourseCard/components/CourseCardDetails/index.scss

@@ -0,0 +1,3 @@
+a.course-card-title {
+  color: var(--pgn-color-black);
+}

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

@@ -0,0 +1,56 @@
+export default messages;
+declare namespace messages {
+    namespace accessExpired {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace accessExpires {
+        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 courseEnded {
+        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 courseEnds {
+        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 courseStarts {
+        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 unknownProviderName {
+        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 };
+    }
+    namespace changeOrLeaveSessionButton {
+        let id_6: string;
+        export { id_6 as id };
+        let description_6: string;
+        export { description_6 as description };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,40 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    accessExpired: {
+        id: 'learner-dash.courseCard.CourseCardDetails.accessExpired',
+        description: 'Course access expiration date message on course card for expired access.',
+        defaultMessage: 'Access expired {accessExpirationDate}',
+    },
+    accessExpires: {
+        id: 'learner-dash.courseCard.CourseCardDetails.accessExpires',
+        description: 'Course access expiration date message on course card.',
+        defaultMessage: 'Access expires {accessExpirationDate}',
+    },
+    courseEnded: {
+        id: 'learner-dash.courseCard.CourseCardDetails.courseEnded',
+        description: 'Course ended message on course card.',
+        defaultMessage: 'Course ended {endDate}',
+    },
+    courseEnds: {
+        id: 'learner-dash.courseCard.CourseCardDetails.courseEnds',
+        description: 'Course ending message on course card.',
+        defaultMessage: 'Course ends {endDate}',
+    },
+    courseStarts: {
+        id: 'learner-dash.courseCard.CourseCardDetails.courseStarts',
+        description: 'Course start date message on course card.',
+        defaultMessage: 'Course starts {startDate}',
+    },
+    unknownProviderName: {
+        id: 'learner-dash.courseCard.CourseCardDetails.unknownProviderName',
+        description: 'Provider name display when name is unknown',
+        defaultMessage: 'Unknown',
+    },
+    changeOrLeaveSessionButton: {
+        id: 'learner-dash.courseCard.CourseCardDetails.changeOrLeaveSessionButton',
+        description: 'Button for trigger change or leave session for entitlement course',
+        defaultMessage: 'Change or leave session',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,aAAa,EAAE;QACb,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,0EAA0E;QACvF,cAAc,EAAE,uCAAuC;KACxD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,uDAAuD;QACpE,cAAc,EAAE,uCAAuC;KACxD;IACD,WAAW,EAAE;QACX,EAAE,EAAE,uDAAuD;QAC3D,WAAW,EAAE,sCAAsC;QACnD,cAAc,EAAE,wBAAwB;KACzC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,sDAAsD;QAC1D,WAAW,EAAE,uCAAuC;QACpD,cAAc,EAAE,uBAAuB;KACxC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,wDAAwD;QAC5D,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,2BAA2B;KAC5C;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,+DAA+D;QACnE,WAAW,EAAE,4CAA4C;QACzD,cAAc,EAAE,SAAS;KAC1B;IACD,0BAA0B,EAAE;QAC1B,EAAE,EAAE,sEAAsE;QAC1E,WAAW,EAAE,mEAAmE;QAChF,cAAc,EAAE,yBAAyB;KAC1C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  accessExpired: {\n    id: 'learner-dash.courseCard.CourseCardDetails.accessExpired',\n    description: 'Course access expiration date message on course card for expired access.',\n    defaultMessage: 'Access expired {accessExpirationDate}',\n  },\n  accessExpires: {\n    id: 'learner-dash.courseCard.CourseCardDetails.accessExpires',\n    description: 'Course access expiration date message on course card.',\n    defaultMessage: 'Access expires {accessExpirationDate}',\n  },\n  courseEnded: {\n    id: 'learner-dash.courseCard.CourseCardDetails.courseEnded',\n    description: 'Course ended message on course card.',\n    defaultMessage: 'Course ended {endDate}',\n  },\n  courseEnds: {\n    id: 'learner-dash.courseCard.CourseCardDetails.courseEnds',\n    description: 'Course ending message on course card.',\n    defaultMessage: 'Course ends {endDate}',\n  },\n  courseStarts: {\n    id: 'learner-dash.courseCard.CourseCardDetails.courseStarts',\n    description: 'Course start date message on course card.',\n    defaultMessage: 'Course starts {startDate}',\n  },\n  unknownProviderName: {\n    id: 'learner-dash.courseCard.CourseCardDetails.unknownProviderName',\n    description: 'Provider name display when name is unknown',\n    defaultMessage: 'Unknown',\n  },\n  changeOrLeaveSessionButton: {\n    id: 'learner-dash.courseCard.CourseCardDetails.changeOrLeaveSessionButton',\n    description: 'Button for trigger change or leave session for entitlement course',\n    defaultMessage: 'Change or leave session',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 { 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 courseData = useCourseData(cardId);
+    const { homeUrl } = (courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) || {};
+    const { disableCourseTitle } = useActionDisabledState(cardId);
+    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: ((_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 }));
+};
+CourseCardImage.propTypes = {
+    cardId: PropTypes.string.isRequired,
+    orientation: PropTypes.string.isRequired,
+};
+CourseCardImage.defaultProps = {};
+export default CourseCardImage;
+//# sourceMappingURL=CourseCardImage.js.map

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

@@ -0,0 +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;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.d.ts

@@ -0,0 +1,17 @@
+export namespace testIds {
+    let emailSettingsModalToggle: string;
+}
+export function SocialShareMenu({ cardId, emailSettings }: {
+    cardId: any;
+    emailSettings: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace SocialShareMenu {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+        let emailSettings: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            show: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>>;
+    }
+}
+export default SocialShareMenu;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 track from '../../../../tracking';
+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 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", "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", "aria-label": "twitter", children: formatMessage(messages.shareToTwitter) }))] }));
+};
+SocialShareMenu.propTypes = {
+    cardId: PropTypes.string.isRequired,
+    emailSettings: PropTypes.shape({
+        show: PropTypes.func,
+    }).isRequired,
+};
+export default SocialShareMenu;
+//# sourceMappingURL=SocialShareMenu.js.map

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